jquery - Fullpage.js:下一个和上一个按钮

Question

我有两个按钮:#btn1 和 #btn2；我希望它们在单击时来回移动。因此，#btn1 必须转到上一张幻灯片，当我单击 #btn2 时，它会转到下一张幻灯片。

我使用fullPage.js用于幻灯片。

在文档中说我必须使用这个

$.fn.fullpage.moveSlideUp();
$.fn.fullpage.moveSlideDown();

但我对 Javascript 很业余。你能帮我吗？

Answer 1

只需添加以下内容:

$('#button1Id').click(function(){
    $.fn.fullpage.moveSectionDown();
});


$('#button2Id').click(function(){
    $.fn.fullpage.moveSectionUp();
});

最好也使用选项fixedElements以防万一:

$.fn.fullpage({
    fixedElements: '#button1Id, #button2Id'
});

您可以在fullpage.js docs中阅读有关fixedElements选项的更多信息。 .

更新

<小时/>

如果您使用的是 fullpage.js > 2.X，则无需使用选项 fixedElements。如果您在 CSS 中添加固定定位样式，只需使用插件包装器并将固定元素放置在包装器外部即可正常工作。

Example online