菜单动画页面滚动 - Css或Jquery？

Question

我无法理解在页面滚动时发生的菜单动画是否可以通过css单独完成或需要jquery \其他东西。

澄清一些例子：

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

此外，如果有人碰巧知道关于这个主题的一些教程，那将非常感激，因为我喜欢在我的个人网站上实现类似的动画。

提前致谢！

Answer 1

如果它对滚动做出反应，也就是说，根据你在页面中滚动的位置而改变，那么应该通过捕获scoll事件来使用javascript来完成。使用jQuery就像是：

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

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