Fullpage.js - Kann ich mit einer Pfeiltaste nach unten/nach oben durch die ganze Seite gehen?

Question

Ich habe eine einfache Frage. Kann ich die Abschnitte und Objektträger scrollen mit die gleiche Pfeiltaste?

Zum Beispiel habe ich eine Seite mit 3 Abschnitten und 3 Folien in einem von ihnen. Ich möchte durch alle Bildschirme (insgesamt 5 Bildschirme) navigieren, indem ich nur die Pfeiltaste nach unten/oben benutze.

Vielen Dank im Voraus!

Answer 1

Man könnte dies für alle Elemente verwenden, durch die Sie navigieren möchten:

jQuery(function ($) { 
       $('button').click(function() { 

       $(".element1").stop().animate({ scrollTop: $(".element1")[0].scrollHeight }, 1000); //autoscroll to end of element1 on click on button  

       $(".element2").stop().animate({ scrollTop: $(".element2")[0].scrollHeight }, 1000); }); //autoscroll to end of element2 on click on button 

Lassen Sie mich wissen, ob das hilft.

Answer 2

Sicher können Sie. Sie können die Standardschlüsselereignisse deaktivieren, indem Sie die fullPage.js-Option keyboardScrolling:false verwenden und dann die gewünschten Schlüssel mit den von Ihnen gewünschten Methoden binden, z. B. $.fn.fullpage.moveSetionDown oder $.fn.fullpage.moveSlideRight.

Berücksichtigen Sie, dass durch die Verwendung von keyboardScrolling: false auch andere Kombination von Tasten wie Leerzeichen, Shift + Leerzeichen, Seite nach oben, Seite nach unten, Home, Ende deaktiviert werden ... Sie können alle diese Schlüssel betrachten Bindungen in the code itself.

Wenn Sie mit dem Mausrad auch durch die ganze Seite blättern möchten, können Sie die Scroll Horizontally extension verwenden.