javascript - 如何在用户滚动页面时缓慢移动标题？

Question

我想在这个示例网站上实现在这个 Header 上使用的效果:

http://anchorage-theme.pixelunion.net/

您会注意到，当您滚动页面时，页眉会慢慢向上移动，直到它从 View 中消失。我想达到同样的效果。我相信它需要一些 JS 和 CSS 定位，但仍然不知道如何实现这一点。这是通过视差滚动完成的吗？

如果有人能给我一个用于对元素执行此操作的代码的快速示例，我将不胜感激。这样我就可以在自己的网站上使用它了。

干杯。

Answer 1

$(window).scroll(function () {...}) 是您需要的那个

$(document).scrollTop() 是距顶部的滚动距离量