我对jQuery比较新,但到目前为止我看到我喜欢。我想要的是一个div(或任何元素)在页面的顶部,就好像“position:fixed”在每个浏览器中工作。
我不想要复杂的东西。我不想要巨大的CSS黑客。我宁愿如果只是使用jQuery(版本1.2.6)是足够好,但如果我需要jQuery-UI-core,那也很好。
我试过$(“#topBar”)。scrollFollow(); & – – 但是变得缓慢…我想要的东西出现真的固定。
解决方法
使用此HTML:
<div id="myElement" style="position: absolute">This stays at the top</div>
这是你要使用的javascript。它将一个事件附加到窗口的滚动,并将元素向下移动到你滚动的距离。
$(window).scroll(function() { $('#myElement').css('top',$(this).scrollTop() + "px"); });
如下面的注释中所指出的,不建议将事件附加到滚动事件 – 当用户滚动时,它触发A LOT,并可能导致性能问题。考虑使用Ben Alman的debounce/throttle插件来减少开销。