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