Fullpage.js - Вертикальный свиток с клавиатурой

Question

Я надеюсь, что кто-то может помочь мне с моей проблемой ниже.

Я использую плагин Fullpage.js (https://github.com/alvarotrigo/fullPage.js/), чтобы создать сайт, на котором страницы перемещаются по горизонтали. Плагин предназначен для создания полностраничных сайтов, где он вертикально прокручивается через каждый раздел, прокручивая или нажимая клавиши, точно так же, как сайт параллакса.

В моем файле я использую только один раздел с стрелками влево и вправо, чтобы содержать несколько страниц для горизонтальной прокрутки. Как пример на http://alvarotrigo.com/fullPage/examples/scrolling.html Так как у меня нет нескольких разделов, когда я нажимаю клавиши вверх/вниз, он вообще не прокручивает контент.

Любые предложения были бы весьма полезными. Спасибо заранее!

Answer 1

Просто присваивать Всю страницу ФУНКЦИИ moveSlideRight и moveSlideLeft к вашему KeyDown событий и отключить клавиатуры прокрутки по умолчанию fullpage.js с помощью $.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