跟着我的菜单 - 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

回答

相关问题