用页面滚动移动div

Question

继这个Stack Overflow post之后，我试着让div浮动，因为我向下滚动网页，但它不适合我。

下面是代码片段

<script type="text/javascript"> 
window.onscroll = function (e) { 
    var vertical_position = 0; 
    if (pageYOffset)//usual 
    vertical_position = pageYOffset; 
    else if (document.documentElement.clientHeight) 
    vertical_position = document.documentElement.scrollTop; 
    else if (document.body) 
    vertical_position = document.body.scrollTop; 

    var your_div = document.getElementById('menuDiv'); 
    your_div.top = (vertical_position + 200) + 'px'; 
} 
</script> 

Answer 1

你并不需要JavaScript的所有，只是用position: fixed;在CSS。

#menuDiv { 
    position: fixed; 
    top: 200px; 
}