控制文档在向上/向下箭头上滚动的程度

时间:2014-01-19 16:42:56

标签: javascript jquery

在javascript中是否有任何方法可以控制文档在按键盘上/下箭头时滚动到多少(以像素为单位)?

1 个答案:

答案 0 :(得分:2)

是。只需向keypress事件添加一个事件处理程序,然后检查按下的键是向上还是向下键,以及焦点元素是否是通过document.activeElement的正文。它使用这样的函数:

$(document).keydown(function(e) {
    var n = 100;  //Enter the amount of px you want to scroll here
    if (e.which == 38 && document.activeElement == document.body) {
        e.preventDefault();
        document.body.scrollTop -= n;
    }
    if (e.which == 40 && document.activeElement == document.body) {
        e.preventDefault();
        document.body.scrollTop += n;
    }
});

这会将滚动的像素数量更改为该脚本第2行输入的数量。在这种情况下,它是100px。