javascript - 使用 Fullpage.js 事件幻灯片上的滚动条可溢出内容

Question

我正在使用 Fullpage.js 并尝试使其与 WordPress 一起使用，并继续前进。但是，我试图弄清楚如何能够滚动内容高于事件幻灯片的幻灯片。该插件具有滚动溢出功能，但该功能会创建一个滚动条，滚动您的内容，并继续转到下一张幻灯片。

理想情况下，停止在当前幻灯片上的恒定滚动条对我来说是最好的选择，但我不知道这是否可能。

我已经摆弄这个问题有一段时间了，所以如果有人有任何想法如何解决这个问题，我将不胜感激。我的网站:

http://www.svenssonsbild.se/Fullscreen/

编辑:意识到我想要的应该能够通过在插件设置中设置scrolloverflow: true来实现。只是没有意识到这对我不起作用。

所以，如果有人知道为什么它对我不起作用，那就太好了。我怀疑它与将脚本硬编码在 header 中而不是排队有关，我无法弄清楚如何做到这一点，因为脚本的 super 容器会创建重复项。

无论如何，任何指点都会非常感激。

Answer 1

我自己也遇到过这个问题，然后再次阅读文档。其内容如下:

• scrollOverflow: (default false) defines whether or not to create a scroll for the section in case its content is bigger than the height of it. In case of setting it to true, it requieres the vendor plugin jquery.slimscroll.min and it should be loaded before the fullPaje.js plugin. For example:

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

未加载 SlimScroll.js 是这里的问题。

然后相应地设置您的 $.fn.fullpage({ }) 配置。

$('#fullpage').fullpage({
    scrollOverflow: true
});