跟着我的菜單 - CSS

我想要一個菜單，跟隨我的用戶，當他們向下滾動屏幕，但它我的代碼似乎沒有工作。任何建議：跟着我的菜單 - CSS

<html> 
<head></head> 
<body style="height:2000px;"> <div style="position:fixed;right:0px; width:100px; height:200px; top:100px;  background-color:blue;"> 
</div> 
</body> 
</html>

來源

2014-04-04 soc86

工作在這裏很好。你使用的是什麼瀏覽器？ http://jsfiddle.net/UrFE9/ – GolezTrol

它可以在我複製/粘貼並試用時使用。 – Quentin

什麼不適用於它？似乎很好。 – MLeFevre

您可以使用JavaScript來修復IE瀏覽器的位置，這裏是我的代碼

<html> 
<head> 
</head> 
<body> 
<div style="height:2000px;"> 
    <div id="menu1" style="position:absolute;right:0px; width:100px; height:200px; top:100px; background-color:blue;"> </div> 
</div> 
<script language="javascript" type="text/javascript"> 
window.onscroll = updatePosition; 
window.onresize = updatePosition; 

function getScrollTop() 
{ 
    if(typeof pageYOffset != 'undefined') 
    { 
     //most browsers except IE before #9 
     return pageYOffset; 
    } 
    else 
    { 
     var B = document.body; //IE 'quirks' 
     var D = document.documentElement; //IE with doctype 
     D = (D.clientHeight) ? D : B; 
     return D.scrollTop; 
    } 
} 

function updatePosition() 
{ 
    document.getElementById("menu1").style.top = getScrollTop()+100; 
} 
</script> 
</body> 
</html>

您可以使用jQuery動畫平滑滾動:)

來源

2014-04-04 11:05:15

跟着我的菜單 - CSS

回答

相關問題