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

Question

我一直在我的站点中实施令人惊叹的 panelSnap 插件 (http://guidobouman.github.io/jquery-panelsnap/)。这很好用。但是要实现一个菜单，你必须把所有的部分都放在一个包装器里，用下面的 CSS:

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

这很好用。但是它会立即导致 Waypoints 失败（当前与 animate.css 一起使用以淡入滚动中的元素）。

如您在 jsFiddle 中所见，浏览器似乎不再检测滚动以显示元素。

非常感谢您的帮助。

Answer 1

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

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

Scroll detection fails with a wrapper set to overflow: scroll