jquery - 页面滚动上的菜单动画 - Css 还是 Jquery？

Question

我不明白页面滚动时发生的菜单动画是否可以单独通过 css 完成，或者需要 jquery\other 。

举几个例子来说明：

1. http://www.optimo-it.com/products/uCast/
2. http://demo.teothemes.com/?theme=scrn
3. http://demo.brrankic.net/?theme=BigBangWP

此外，如果有人碰巧知道有关该主题的一些教程，那将不胜感激，因为我很想在我的个人网站上实现类似的动画。

提前致谢！

Answer 1

如果它对滚动做出反应，即根据您在页面内滚动的位置而发生变化，那么它应该通过捕获 scoll 事件使用 javascript 来完成。使用 jQuery 会是这样的：

$(window).scroll(function(){
  ...
  if ($(this).scrollTop() > threshold) {
    // Do stuff
  }
});

但是，您可以使用 css 将菜单保持在固定位置position:fixed。这种方法不会给你很好的动画，它只会让菜单固定在屏幕上。