活动幻灯片上的滚动条，用于使用Fullpage.js溢出内容 [英] Scrollbar on active slide for overflowing content with Fullpage.js

问题描述

我使用Fullpage.js，并试图使它与wordpress，它的工作。但是，我想弄清楚如何能够滚动一个幻灯片的内容高于活动幻灯片。这个插件有一个滚动溢出功能，但那个vill使滚动条滚动你的内容，并继续到下一张幻灯片。

Im using Fullpage.js and trying to make it work with wordpress, and its going forward. However, I'm trying to figure out how to be able to scroll trough a slide with content higher then the active slide. The plugin comes with a scroll overflow function, but that vill make a scrollbar that scrolls trough your content, and keeps going to the next slide.

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

Ideally a constant scrollbar that stops at the current slide would be the best option for me, but i dont know if this is possible.

已经花了一段时间，所以如果任何人有任何想法如何解决这个我会感激。我的网站：

Been fiddling with this for a while, so if anyone has any ideas how to solve this i would be thankful. My site:

http：//www.svenssonsbild。 se / Fullscreen /

编辑：通过在插件设置中设置scrolloverflow：true，实现我想要的功能。只是没有意识到它没有为我工作。

Realize that what i want should be able to achieve by setting scrolloverflow: true in the plugins setting. Just didnt realize it didnt work for me.

所以，如果有人有任何想法，为什么它不适合我，那么这将是巨大的。我怀疑它有一些东西，让脚本硬编码在标题，而不是入队，我没有能够找出如何，因为超级容器脚本创建重复。

So, if anyone hav any ideas why it wont work for me then it would be great. I suspect it have something with having the scripts hardcoded in the header and not enqueued, which i havent been able to figure out how to, since the supercontainer the script creates duplicates.

无论如何，任何指针都会非常讨厌。

anyhow, any pointers will be very appriciated.

推荐答案

我自己努力了，然后再次阅读文档。在这里它说明：

I struggled with this myself, then went to read through the documentation again. Here what it states:

• scrollOverflow :(默认false）定义是否创建
  滚动该部分，以防其内容大于其高度
  。如果设置为true，它需要供应商插件
  jquery.slimscroll.min，它应该在 fullPaje.js
  插件之前加载。例如：

• 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是这里的问题。

Not loading SlimScroll.js was the issue here.

然后相应地设置$ .fn.fullpage（{}）配置。

Then set your $.fn.fullpage({ }) config accordingly.

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

这篇关于活动幻灯片上的滚动条，用于使用Fullpage.js溢出内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！