Javascript fullPage.js从幻灯片2开始

Javascript fullPage.js从幻灯片2开始,javascript,jquery,fullpage.js,Javascript,Jquery,Fullpage.js,我正在使用fullPage.js创建一个单页网站。我的一个部分使用水平幻灯片水平显示幻灯片。我想知道如何从我的三张幻灯片系列的第二张幻灯片开始。阅读文档后,我了解了如何设置锚定并直接单击该幻灯片,但我希望在通过垂直滚动到达系列时,从幻灯片2开始 我想用class='active'设置第二张幻灯片可能会起作用,但事实上,这并没有打断水平幻灯片。下面是我在html和js方面的知识…我想知道其中一个回调函数是否可以工作,但不太清楚如何使用它们 <div class="section" id="s

我正在使用fullPage.js创建一个单页网站。我的一个部分使用水平幻灯片水平显示幻灯片。我想知道如何从我的三张幻灯片系列的第二张幻灯片开始。阅读文档后,我了解了如何设置锚定并直接单击该幻灯片,但我希望在通过垂直滚动到达系列时,从幻灯片2开始

我想用class='active'设置第二张幻灯片可能会起作用,但事实上,这并没有打断水平幻灯片。下面是我在html和js方面的知识…我想知道其中一个回调函数是否可以工作,但不太清楚如何使用它们

<div class="section" id="section5">
  <div class="slide"><div class="wrap"><h1>Hello fullPage.js</h1></div></div>
  <div class="slide"><h1>This is an awesome plugin</h1></div>
  <div class="slide"><h1>Which enables you to create awesome websites</h1></div>
</div>

一种方法是在页面加载时滚动到该幻灯片(如果该部分不是登录部分,则该幻灯片对用户仍然不可见)。为此,您可以使用
afterRender
回调,然后,您可以修改插件的函数
scrollSlider
,使其公开并从外部访问

然后你可以这样做:

afterRender: function () {
    //getting the 2nd section by the index
    var section = $('.section').eq(1);

   //moving to starting slide of the 2nd section to the 2nd slide, for example
   $.fn.fullpage.scrollSlider(2, 1);
}

无论如何,我建议您将其添加为要实施的建议。

我将尝试一下,看看效果如何。谢谢你的回复。
afterRender: function () {
    //getting the 2nd section by the index
    var section = $('.section').eq(1);

   //moving to starting slide of the 2nd section to the 2nd slide, for example
   $.fn.fullpage.scrollSlider(2, 1);
}