jquery - 根据窗口滚动条移动调整div位置

Question

我的页面内容很大，并且有一个链接。当用户将鼠标悬停在链接上时，会弹出一个 div，但是当我滚动浏览器窗口时，div 位置应该在它出现时发生变化。如何通过jquery编写和显示div，以便当用户上下拖动滚动条时div应该打开并调整位置。请建议如何非常简单地做到这一点。

Answer 1

嘿，你可以使用纯CSS，例如位置:固定；顶部:30px；左侧:30px；z-index:100；

第二个 jQuery 解决方案:

CSS:

<style type="text/css">
#mainmenu{position:absolute;left:30px;top:30px;z-index:100;}
#content{height:2000px;}
</style>

jQuery

<script type="text/javascript">
$(function(){
    $(window).scroll(function(){
        $('#mainmenu').animate({top:$(window).scrollTop()+30},500);
    });
});
</script>

HTML:

<div id="mainmenu">
<ul>
<li><a href="">link 1</a></li>
<li><a href="">link 2</a></li>
<li><a href="">link 3</a></li>
<li><a href="">link 4</a></li>
</ul>
</div>
<div id="content">
</div>

干杯

G.