使用fullpage.js和slim scroll.js

时间:2016-11-25 14:34:00

标签: javascript scroll touch fullpage.js

我在Fullpage.js中激活了选项scrollOverflow:true。并添加了超薄滚动插件。在移动设备上滚动更长的内容非常重要。当我尝试在手机上滚动时,它只是直接滚动到另一部分?我在手机上测试了Alvaro制作的例子,这确实令人惊叹。它会滚动内容,最后会转到下一部分。

我在做错了吗? Website under construction

修改 我找到了问题所在。我用来放入内容的容器对于大多数移动屏幕而言是长的,但是不够长以具有长的可滚动容器。所以接近内容的结尾,它滑到下一部分。我没有js错误所以我无法理解wat出错了。我在容器底部添加了一个填充物,使其更长,并给出了想要的效果。

更好的选择欢迎

1 个答案:

答案 0 :(得分:1)

fullPage.js很久以前就停止使用slimScroll.js了。 现在它使用iScroll的分叉版本来解决其中的一些错误。您可以在vendors文件夹中找到in the docs

  

scrollOverflow:(默认为false)定义是否为部分/幻灯片创建滚动,以防其内容大于其高度。设置为true时,您的内容将被插件包装。考虑使用委托或在afterRender回调中加载其他脚本。如果将其设置为true,则需要供应商库scrolloverflow.min.js,并且应该在fullPage.js插件之前加载它。例如:

<script type="text/javascript" src="vendors/scrolloverflow.min.js"></script>
<script type="text/javascript" src="jquery.fullPage.js"></script>