fullpage.js

Question

我将 Fullpage.js 与 scrolloverflow: true 和 autoscrolling: true 一起使用。一旦我到达内容溢出的部分底部，除非我单击下一个导航点，否则它不会跳转到下一个。

试图隔离 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
});

Answer 1

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

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

.fp-scroller{
  overflow:hidden;
}

更多信息here。

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

fullpage.js - If 'scrolloverflow' is set to true can't scroll down to the next section

html

javascript

css

jquery