我对jQuery相对较新,但是到目前为止,我所看到的都很喜欢。我想要的是让div(或任何元素)跨过页面顶部,就像“位置:固定”在每种浏览器中都起作用一样。
我不要复杂的东西。我不要巨大的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"); });
如下面的注释中所指出的,不建议将事件附加到滚动事件上-当用户滚动时,它会触发很多,并可能导致性能问题。考虑将其与BenAlman的去抖动/油门插件一起使用,以减少开销。