Fullpage.js - 위/아래 화살표 키를 사용하여 전체 페이지를 이동할 수 있습니까?

Question

간단한 질문이 있습니다. 스크롤 섹션 과 슬라이드를 화살표 키를 사용하여 슬라이드 할 수 있습니까?

예를 들어, 한 페이지에 3 개의 섹션과 3 개의 슬라이드가있는 페이지가 있습니다. 아래쪽/위쪽 화살표 키만 사용하여 모든 화면 (총 5 개 화면)을 탐색하고 싶습니다.

미리 감사드립니다.

Answer 1

당신은 당신이 이동하려는 통해 모든 요소,이를 사용할 수 있습니다

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 

이 도움이되는지 알려주세요.

Answer 2

물론 가능합니다. fullPage.js 옵션 keyboardScrolling:false을 사용하여 기본 키 이벤트를 비활성화 한 다음 원하는 방법으로 원하는 키 (예 : $.fn.fullpage.moveSetionDown 또는 $.fn.fullpage.moveSlideRight)를 바인딩 할 수 있습니다.

keyboardScrolling: false을 사용하면 공간, 시프트 + 스페이스, 페이지 위로, 페이지 아래로, 집으로, 끝과 같은 다른 키 조합을 비활성화 할 수 있습니다. 다음 키를 모두 볼 수 있습니다 바인딩 in the code itself.

또한 마우스 휠을 사용하여 모든 페이지를 스크롤하려는 경우 Scroll Horizontally extension을 사용할 수 있습니다.