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.

Пример онлайн