Fullpage.js：下一个和上一个按钮答案

【问题标题】：Fullpage.js: Next and Previous buttonsFullpage.js：下一个和上一个按钮
【发布时间】：2013-12-14 16:25:38
【问题描述】：

我有两个按钮：#btn1 和 #btn2；我希望他们在点击时来回走动。所以#btn1 必须转到上一张幻灯片，当我单击#btn2 时，它会转到下一张幻灯片。

我使用fullPage.js 制作幻灯片。

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

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

但我是 Javascript 的业余爱好者。你能帮帮我吗？

【问题讨论】：

【解决方案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 中添加固定定位样式，只需为插件使用包装器并将固定元素放置在包装器之外即可正常工作。

【讨论】：