我在Fullpage.js中激活了选项scrollOverflow:true。并添加了超薄滚动插件。在移动设备上滚动更长的内容非常重要。当我尝试在手机上滚动时,它只是直接滚动到另一部分?我在手机上测试了Alvaro制作的例子,这确实令人惊叹。它会滚动内容,最后会转到下一部分。
我在做错了吗? Website under construction修改 我找到了问题所在。我用来放入内容的容器对于大多数移动屏幕而言是长的,但是不够长以具有长的可滚动容器。所以接近内容的结尾,它滑到下一部分。我没有js错误所以我无法理解wat出错了。我在容器底部添加了一个填充物,使其更长,并给出了想要的效果。
更好的选择欢迎
答案 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>