fullpage.js - 如果' scrolloverflow'如果设置为true,则无法向下滚动到下一部分

时间:2016-06-11 02:31:03

标签: javascript jquery html css fullpage.js

我在scrolloverflow: trueautoscrolling: true上使用Fullpage.js。一旦我到达包含溢出内容的部分的底部,它就不会跳到下一个,除非我点击下一个导航点。

试图隔离JS Bin中的错误,但我无法重现它。控制台中没有发现错误,我使用的是插件的2.8.1版本。

如果您前往this bin,您会看到到达第3部分的底部会触发跳转到第4部分。我的结果会发生 NOT 。关于它可能是什么或如何解决它的任何想法?

我初始化fullpage.js的当前设置是:

$('#fullpage').fullpage({
  easingcss3: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)',
  navigation: true,
  navigationPosition: 'left',
  scrollOverflow: true
});

1 个答案:

答案 0 :(得分:1)

似乎这个问题是当fullpage.js跳转并开始使用iScroll时遇到的最新错误。

将以下内容添加到项目的CSS似乎可以解决问题:

.fp-scroller{
  overflow:hidden;
}

更多信息here