我正在使用Fullpage.js并尝试使其与wordpress一起使用,并且它将继续。但是,我试图找出如何能够滚动内容高于活动幻灯片的幻灯片。该插件附带一个滚动溢出功能,但该功能会使滚动条滚动到您的内容,并继续前进到下一张幻灯片。
理想情况下,在当前幻灯片处停止的常量滚动条对我来说是最好的选择,但我不知道这是否可行。
暂时摆弄这个,所以如果有人有任何想法如何解决这个问题,我将感激不尽。我的网站:
http://www.svenssonsbild.se/Fullscreen/
编辑:通过在插件设置中设置scrolloverflow:true来实现我想要的功能。只是没有意识到它对我没用。
所以,如果有人有任何想法,为什么它不适合我,那么它会很棒。我怀疑它有一些东西,在标题中硬编码脚本而没有排队,我没能弄清楚如何,因为脚本创建重复的超级容器。
无论如何,任何指针都会非常受欢迎。
答案 0 :(得分:7)
我自己也在努力,然后再次阅读文档。这就是它所说的:
- scrollOverflow :(默认为false)定义是否创建 滚动该部分,以防其内容大于高度 它的。如果将其设置为true,则需要供应商插件 jquery.slimscroll.min,它应该在 fullPaje.js之前加载 插入。例如:
<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
});
答案 1 :(得分:1)
只是为了添加一些帮助其他人的信息,我一直在使用这两个插件(fullpage.js和slimscroll.js),但在移动设备上使用它时发现了slimscroll的问题(动量和滞后问题) 。
可以将scrollOverflow设置为false,并将此下一位添加到afterSlideLoad函数中,以便在内容太长时进行本机滚动:
$(&#39; .slide .active&#39;)。css(&#39; overflow-y&#39;,&#39; auto&#39;);