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

时间:2015-05-16 14:48:10

标签: javascript css scroll parallax arrow-keys

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

谢谢!

1 个答案:

答案 0 :(得分:0)

尝试摆弄这段代码:

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;
})