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

Question

我需要使第三张幻灯片（共 5 张）处于活动状态，但目前我似乎无法使用 .

如果加载此页面，我想做的一个例子是：

http://alvarotrigo.com/fullPage/

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

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

我知道我离以下几英里远：

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

我只能找到一些代码而不是完整的解决方案。我真的必须改变动画的速度并将其随机播放然后重置速度吗？或者使用这样的东西？

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

Answer 1

如果您使用最新版本的 fullpage.js (v2.0.5)，您只需将active类添加到您希望插件启动的部分和幻灯片即可。

现场演示

很简单：

<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>

您使用的方法仅适用于活动部分。这就是为什么如果您尝试滑动非活动部分的幻灯片，它对您不起作用。