这个UI行为被称为什么,它是如何实现的?

时间:2012-07-18 18:53:51

标签: jquery user-interface

这是一个非常愚蠢的问题,但是在http://thenounproject.com/terms-of-use/上,当右侧的信息向上滚动然后静态保持原位时,效果会被调用。

此外,是否有关于如何实现此效果的杀手级jQuery教程?

THX

1 个答案:

答案 0 :(得分:0)

在没有深入了解他们如何在这个特定的例子中做到这一点,我可以告诉你,通过查看元素的offset和窗口的scrollTop可以实现效果。

如果scrollTop大于偏移量的顶部,则表示页面已滚过元素。你可以在jQuery中检查一下,然后修改元素的CSS,使其相对于窗口顶部有一个固定的位置。

修改:汇总quick and dirty example on jsfiddle。随意复制代码,但您可能需要稍微清理一下。