当你向下滚动时，jQuery插件会在某些点发生动画

Question

我正在寻找一个允许我创建Javascript滚动效果的jQuery插件（或教程）。

我相信大多数人已经看过它一千次，但是如果你不知道我的意思，请an example。

Answer 1

我不知道插件是否存在，但这应该是监控scrollTop的一项相当简单的任务。

var tmr = window.setInterval(function() {
  if ($(document).scrollTop() > 200) {
    //trigger animation
  }
}), 100);

Answer 2

当屏幕从顶部滚动超过100个像素时，此代码使条形淡化为.5不透明度。您可以添加自己的jQuery来执行其他动画。

$(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('#nav-bar').stop().css('opacity', '.5');
        } else {
            $('#nav-bar').stop().css('opacity', '1');
        }
    });