Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 控制文档在上/下箭头上滚动的程度_Javascript_Jquery - Fatal编程技术网

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

Javascript 控制文档在上/下箭头上滚动的程度,javascript,jquery,Javascript,Jquery,javascript中是否有任何方法可以控制按键盘上/下箭头时文档将滚动到多少(以像素为单位)?是。只需在按键事件中添加一个事件处理程序,然后通过document.activeElement检查按下的键是向上键还是向下键,以及聚焦的元素是否是主体。它将使用如下函数: $(document).keydown(function(e) { var n = 100; //Enter the amount of px you want to scroll here if (e.which

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

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

试试谷歌伴侣。。。第一个搜索结果::@jycr753,因为我认为这是一个独立的插件。是否有任何内置javascript或jquery方法不是我想不起来的,+1,因为我真的不想知道,但这只在使用键盘滚动时起作用,现在几乎没有人这样做了……:STo quote OP:“…按键盘上/下箭头时”。这确实是OP所要求的。