Javascript 如何在滚动'；x'；阿蒙

在向下滚动页面“x”数量后，我试图使页眉有阴影。我尝试使用的脚本底部包含了一个JSFIDLE

$(document).ready(function() {

  $(window).scroll(function() {
     if ($(document).scrollTop() >= 100) {
        $('#header').addClass('mdl-shadow--4dp');
     }
  });
});

---

所以当我把你的JS fiddle代码放在本地，忘记加载你的外部资源时。我在scroll上发出警报，我收到了这些警报，但一旦我加载了您的外部资源，scroll事件就中断了

所以我知道它与其中一个框架有关，并找到了它的材料设计lite。以前有人遇到过这个问题，并在他们的github回购协议上提出了一个问题

解决方案是在

'mdl-layout'

而不是文档和窗口上捕获滚动事件

---

签出这个

@KaanBurakSener他不需要，他将它作为外部资源加载。这是lite设计的一个类材料，他的滚动不起作用的原因与加载其中一个框架有关，这是我现在试图解决的问题。完美！在你向上滚动到同一点后，是否有必要让它删除类？@Owendannigan当然！签出我的更新@欧文丹尼根：非常欢迎你！我非常高兴能提供帮助，因为我不知道卷轴活动有这么棒！