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 2.X，那么您不需要使用选项fixedElements。如果在CSS中添加固定定位的样式，只需使用插件的包装并将固定元素放在包装器外面就可以正常工作。

Example online