javascript - 使用 fullpage.js 和 slimscroll.js 在幻灯片内滚动

Question

我在Fullpage.js 中激活了选项scrollOverflow: true。并添加了 slim 滚动插件。在移动设备上滚动较长的内容非常重要。当我尝试在手机上滚动时，它只是直接滚动到其他部分？我在手机上测试了 Alvaro 制作的示例，效果确实令人惊叹。它滚动内容，最后转到下一部分。

我做错了什么？ Website under construction

编辑我找到了问题所在。我用来放置内容的容器对于大多数移动屏幕来说太长，但不足以拥有长的可滚动容器。快到内容结尾时，它滑到了下一部分。我没有 js 错误，所以我无法理解出了什么问题。我在容器底部添加了填充物，使其更长并达到了想要的效果。

欢迎更好的选择

Answer 1

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

scrollOverflow: (default false) defines whether or not to create a scroll for the section/slide in case its content is bigger than the height of it. When set to true, your content will be wrapped by the plugin. Consider using delegation or load your other scripts in the afterRender callback. In case of setting it to true, it requires the vendor library scrolloverflow.min.js and it should be loaded before the fullPage.js plugin. For example:

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