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

Question

我希望在此示例网站上实现此Header上使用的效果：

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

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

如果有人能给我一个快速举例说明使用元素执行此操作的代码，我将不胜感激。所以我可以在我自己的网站上使用它。

干杯。

Answer 1

$（window）.scroll（function（）{...}）是你需要的那个

$（document）.scrollTop（）是距离顶部

的滚动距离量

Answer 2

使用此：

$(window).scroll(function(){ 
  if ($(this).scrollTop() > x){  // x should be from where you want this to happen from top//
    //make CSS changes here
  } 
  else{
    //back to default styles

  }
});