活动幻灯片上的滚动条,用于使用Fullpage.js溢出内容

时间:2014-02-16 22:47:07

标签: javascript jquery css fullpage.js

我正在使用Fullpage.js并尝试使其与wordpress一起使用,并且它将继续。但是,我试图找出如何能够滚动内容高于活动幻灯片的幻灯片。该插件附带一个滚动溢出功能,但该功能会使滚动条滚动到您的内容,并继续前进到下一张幻灯片。

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

暂时摆弄这个,所以如果有人有任何想法如何解决这个问题,我将感激不尽。我的网站:

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

编辑:通过在插件设置中设置scrolloverflow:true来实现我想要的功能。只是没有意识到它对我没用。

所以,如果有人有任何想法,为什么它不适合我,那么它会很棒。我怀疑它有一些东西,在标题中硬编码脚本而没有排队,我没能弄清楚如何,因为脚本创建重复的超级容器。

无论如何,任何指针都会非常受欢迎。

2 个答案:

答案 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;);