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

Question

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

另外，是否有关于如何实现此效果的杀手 jQuery 教程？

谢谢

Answer 1

无需深入研究他们在该特定示例中的操作方式，我可以告诉您，可以通过查看元素的偏移量和窗口的scrollTop来实现效果。

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

编辑：在 jsfiddle 上拼凑了一个快速而肮脏的例子。随意复制代码，但您可能需要稍微清理一下。