Fullpage.js：Next和Previous按鈕

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' 
}); 

UPDATE

---

如果您正在使用fullpage.js 2.X那麼你不需要使用的選項 fixedElements。如果在CSS中添加固定位置的樣式，只需使用插件的包裝並將固定元素放置在包裝外面即可。

Example online