Fullpage.js - 與鍵盤垂直滾動

Question

我希望有人可以幫我解決我的問題。

我正在使用Fullpage.js（https://github.com/alvarotrigo/fullPage.js/）插件來創建頁面水平移動的網站。該插件旨在通過滾動或按下按鍵來創建整個頁面的垂直滾動區域，就像視差網站一樣。

在我的文件中，我只使用左側和右側箭頭的一個部分來包含我的多個水平滾動頁面。像http://alvarotrigo.com/fullPage/examples/scrolling.html上的示例一樣，由於我沒有多個部分，因此當我按上/下鍵時，它根本不滾動內容。

任何建議將不勝感激。 在此先感謝！

Answer 1

剛分配全頁功能moveSlideRight和moveSlideLeft您的keydown事件和利用$.fn.fullpage.setKeyboardScrolling(false)

$(document).keydown(function (e) { 
    var shiftPressed = e.shiftKey; 

    switch (e.which) { 
     //up 
     case 38: 
     case 33: 
      $.fn.fullpage.moveSlideLeft(); 
      break; 

     //down 
     case 40: 
     case 34: 
      $.fn.fullpage.moveSlideRight(); 
      break; 

    } 
}); 

Demo online

關閉fullpage.js的默認鍵盤滾動