Question

我需要制作第3张幻灯片，5张活跃，但此刻我似乎无法使用它。

我想要做的一个例子是如果加载了这个页面：

但是，当你向下滚动时，滑块实际上正在等待这张幻灯片：

http://alvarotrigo.com/fullPage/#secondPage/1

我知道自己距离以下几英里：

$('#fullpage').fullpage({
    anchors: ['home', 'intro', 'industry-sectors', 'get-started', 'pricing'],
    afterRender: function(){
        $.fn.fullpage.moveSlideRight();
        $.fn.fullpage.moveSlideRight();
    }
});

我只能找到一些代码，而不是一个完整的解决方案。我是否真的必须改变动画的速度并将其随机播放然后reset the speeds？或者使用like this？

没有办法只添加'活动'或类似幻灯片？

Answer 1

如果您使用最新版本的fullpage.js（v2.0.5），只需将active类添加到您想要插件启动的部分和幻灯片中即可。< / p>

Live demo

简单如下：

<div id="fullpage">
    <div class="section">One</div>
    <div class="section active">
        <div class="slide">Two</div>
        <div class="slide">Three</div>
        <div class="slide active">Four</div>
    </div>
    <div class="section">Five</div>
    <div class="section">Six</div>
</div>

您正在使用的方法仅应用于活动部分。这就是为什么如果你试图滑动非活动部分的幻灯片它不适合你。

在中间幻灯片上启动fullpage.js

1 个答案: