javascript - Material 设计和 jQuery，滚动不起作用

Question

在包含 Google 的 Material 设计时，我无法使用 jQuery 的 .scroll 方法。我使用Material Design Lite制作了网站的导航栏。

如果我排除/删除ma​​terial.min.js，则窗口上的滚动方法可以完美运行。我的简单 jQuery 代码是这样的:

jQuery(window).scroll(function () {
  console.log("scrolled");
});

这是 JSFiddle http://jsfiddle.net/wwjoxtvp/2/

这是代码笔:http://codepen.io/MustagheesButt/full/PqBYop/

如何在不删除 Material 设计的情况下让 jQuery 工作？也许发生了一些冲突，但控制台没有显示任何内容。

Answer 1

基本上，您应该将滚动事件绑定(bind)到 .mdl-layout__content 类，因为 Material Design lite 正在使该元素可滚动。

$('.mdl-layout__content').on('scroll', function () {
  console.log('scrolled');  
});