滚动检测失败，包装器设置为溢出：滚动答案

【问题标题】：Scroll detection fails with a wrapper set to overflow: scroll滚动检测失败，包装器设置为溢出：滚动
【发布时间】：2016-02-23 00:19:25
【问题描述】：

我已经在我的网站中实现了惊人的 panelSnap 插件 (http://guidobouman.github.io/jquery-panelsnap/)。这工作正常。但是，要实现菜单，您必须将所有部分放在一个包装器中，并使用以下 CSS：

#wrapper {
    height: 100%;
    overflow: scroll;
}

这很好用。然而，它会立即导致 Waypoints 失败（目前与 animate.css 一起使用以在滚动时淡入元素）。

正如您在 jsFiddle 中看到的，浏览器似乎不再检测到滚动显示元素。

非常感谢您的帮助。

【问题讨论】：

【解决方案1】：

您需要将context option 设置为您的包装器。

$('.whatever').waypoint(function () {
  // do stuff
}, {
  context: '#wrapper'
})

【讨论】：