这个 UI 行为叫什么，它是如何实现的？

Question

这真是个愚蠢的问题，但是在 http://thenounproject.com/terms-of-use/ 上，如果右侧的信息向上滚动然后静态保持在原位，那么这种效果会被称为什么。

另外，有没有关于如何实现这个效果的杀手级jQuery教程？

谢谢

Answer 1

不用太深入研究他们在那个具体的例子中是怎么做的，我可以告诉你，通过查看元素的offset和窗口的scrollTop可以达到效果。

如果 scrollTop 大于偏移的顶部，则表示页面已滚动超过该元素。您可以在 jQuery 中检查这一点，然后修改元素的 CSS 以使其相对于窗口顶部具有固定位置。

编辑： 将quick and dirty example on jsfiddle 拼凑在一起。随意复制代码，但您可能需要稍微清理一下。