javascript - 如何使用箭头键使窗口以较慢的速度滚动?

标签 javascript css scroll parallax arrow-keys

当使用箭头键触发时,如何使窗口以较慢的速度(水平和垂直)滚动?我看过一些视差演示,但它们并没有真正满足我的需要。他们主要关注背景图像,而我希望我的整个窗口和/或 html 主体放慢速度。

谢谢!

最佳答案

尝试修改这段代码:

addEventListener('keydown', function(e){
    move = false;
    x = false;
    y = false;
    var keycode;
    if (window.event) keycode = window.event.keyCode;
    else if (e) keycode = e.which;
    switch(keycode){
        case 37:
            move = true;
            x = 'negative';
        break;
        case 38:
            move = true;
            y = 'negative'
        break;
        case 39:
            move = true;
            x = 'positive'
        break;
        case 40:
            move = true;
            y = 'positive'
        break;
    }
    if(move){
        animation.move(x,y);
    }
    return false;
})

关于javascript - 如何使用箭头键使窗口以较慢的速度滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30277058/

相关文章:

javascript - 页面滚动显示

javascript - 来自数字的 Canvas fillStyle

javascript - 将 PFQueries 的上限更改为 1000 以上

javascript - 如何在 Javascript 中读取数组中的 csv 文件?

javascript - Jquery滚动未出现在所有页面上

javascript - 函数运行时暂停事件

javascript - HTML5/CSS3 输入范围样式

css - 使用 Sass 根据页面更改站点颜色

css - 使用 CSS 清除修复和展开边距而没有副作用?

CSS - 侧边栏在缩放模式下未全尺寸