调用此UI行为是什么？它是如何实现的？

这真的是个愚蠢的问题，但在http://thenounproject.com/terms-of-use/上，当右边的信息向上滚动然后保持静态时，会调用什么效果。调用此UI行为是什么？它是如何实现的？

此外，有没有一个杀手jQuery教程如何实现这种效果？

THX

2012-07-18 timpone

这是一个浮动导航栏。看看这个线程http://stackoverflow.com/questions/9346557/floating-nav-bar-that-stops-fixed-to-the-top-of-the-page – Bort 2012-07-18 18:55:36

可能重复的[“粘滞”滚动位置] （http://stackoverflow.com/questions/11547346/sticky-scroll-positions） – 2012-07-18 18:56:47

不看太深入到他们是如何做它在具体的例子，我可以告诉你，效果可以通过查看元素的offset和窗口的scrollTop来实现。

如果scrollTop大于偏移量的顶部，这意味着页面已滚动过该元素。你可以在jQuery中检查它，然后修改元素的CSS，使其相对于窗口顶部的固定位置。

编辑：扔在一起一个quick and dirty example on jsfiddle。随意复制代码，但可能需要清理一下。

2012-07-18 19:04:40 Travis

回答