Fullpage.js - 带键盘的垂直滚动答案

【问题标题】：Fullpage.js - Vertical Scroll with KeyboardFullpage.js - 带键盘的垂直滚动
【发布时间】：2015-04-23 03:51:45
【问题描述】：

我希望有人可以帮助我解决下面的问题。

我正在使用 Fullpage.js (https://github.com/alvarotrigo/fullPage.js/) 插件创建一个页面水平移动的网站。该插件旨在创建整页网站，通过滚动或按下按键，垂直滚动浏览每个部分，就像视差网站一样。

在我的文件中，我只使用带有左右箭头的一个部分来包含用于水平滚动的多个页面。就像http://alvarotrigo.com/fullPage/examples/scrolling.html 上的示例一样，因为我没有多个部分，所以当我按下向上/向下键时，它根本不会滚动内容。

任何建议将不胜感激。提前致谢！

【问题讨论】：

标签： javascript scroll horizontal-scrolling fullpage.js vertical-scrolling

【解决方案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

【讨论】：