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