滚动检测失败,包装器设置为溢出:滚动

时间:2016-02-23 00:19:25

标签: jquery scroll wrapper jquery-waypoints

我一直在我的网站中实现了惊人的panelSnap插件(http://guidobouman.github.io/jquery-panelsnap/)。这很好用。 但是,要实现菜单,必须使用以下CSS将所有部分放在包装器中:

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

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

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

http://jsfiddle.net/beechboy707/uk30azcm/4/

非常感谢你的帮助。

1 个答案:

答案 0 :(得分:0)

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

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