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

Question

在 JavaScript 中是否有任何方法可以控制按下键盘上/下箭头时文档滚动的程度(以像素为单位)？

Answer 1

是的。只需向按键事件添加一个事件处理程序，然后通过 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。