Fullpage.js: следующая и предыдущая кнопки

у меня есть две кнопки: #btn1 и #btn2; и я хочу, чтобы они шли туда и обратно при нажатии. Так что #btn1 должен перейти к предыдущему слайду, и когда я нажимаю #btn2 он переходит к следующему слайду.

Я использую fullPage.js для слайдов.

в документации говорится, что я должен использовать это

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

но я любитель с Javascript. Вы можете мне помочь?

8
fullpage.js jquery

1 ответов

просто добавить это:

$('#button1Id').click(function(){
    $.fn.fullpage.moveSectionDown();
});


$('#button2Id').click(function(){
    $.fn.fullpage.moveSectionUp();
});

и лучше также использовать параметр fixedElements на всякий случай. 

$.fn.fullpage({
    fixedElements: '#button1Id, #button2Id'
});


обновление

Если вы используете fullpage.СС2.X тогда вам не нужно использовать опцию fixedElements. Просто использование оболочки для плагина и размещение фиксированных элементов вне оболочки будет работать нормально, если вы добавите фиксированный позиционированный стиль в свой CSS.

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

20