Question

在向下滚动页面'x'金额后，我试图让标题有阴影。我在底部包含了一个JSFiddle，其中包含我一直在尝试使用的脚本。

$(document).ready(function() {

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

JSFiddle

Answer 1

因此，只要我在本地使用您的JS小提琴代码，并忘记加载您的外部资源。我在滚动时发出警报，我正在收到这些警报，但是一旦我加载了外部资源，滚动事件就会中断。

所以我知道它与其中一个框架有关，并找出了它的材料设计精简版。之前有人遇到过这个问题，并在他们的github repo here

上打开了一个问题

解决方案是捕获'mdl-layout'上的滚动事件，而不是文档＆amp;窗口

结帐fiddle

如何在滚动'x'ammount后让Header获得框阴影

1 个答案: