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

use*_*370 2 javascript css jquery fullpage.js

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

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

一直在摆弄这个,所以如果有人有任何想法如何解决这个我会感激.我的网站:

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

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

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

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

小智 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>
Run Code Online (Sandbox Code Playgroud)

没有加载SlimScroll.js是这里的问题.

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

$('#fullpage').fullpage({
    scrollOverflow: true
});
Run Code Online (Sandbox Code Playgroud)