Fullpage.js: Avanti e pulsanti Precedente

Question

ho due pulsanti: #btn1 e #btn2; e voglio che vadano avanti e indietro quando si fa clic. Quindi #btn1 deve passare alla diapositiva precedente e quando si fa clic su #btn2 si passa alla diapositiva successiva.

io uso fullPage.js per diapositive.

Nella documentazione dice che mi devo utilizzare questo

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

Ma sono amatoriale con Javascript. Mi potete aiutare?

Answer 1

Basta aggiungere questo:

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


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

E meglio anche di utilizzare l'opzione fixedElements nel caso.

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

UPDATE

---

Se si utilizza fullpage.js 2.X allora non avete bisogno di utilizzare l'opzione fixedElements. Usare semplicemente un wrapper per il plugin e posizionare gli elementi fissi al di fuori del wrapper funzionerà correttamente se si aggiunge lo styling a posizionamento fisso nel CSS.

Example online