当您向下滚动时，使动画在某些点发生的 jQuery 插件答案

【问题标题】：jQuery Plugin that makes animations happen at certain points when you scroll down当您向下滚动时，使动画在某些点发生的 jQuery 插件
【发布时间】：2015-07-26 16:24:37
【问题描述】：

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

我相信你们中的大多数人已经看过一千遍了，但这里是an example，以防你不明白我的意思。

【问题讨论】：

谷歌：视差 jQuery 插件

标签： javascript jquery plugins scroll effect

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

当屏幕从顶部滚动超过 100 像素时，此代码使条褪色到 0.5 不透明度。您可以添加自己的 jQuery 来制作其他动画。

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

【讨论】：