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)

关闭fullpage.js的默认键盘滚动

$(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