Управление скоростью прокрутки документа по стрелке вверх/вниз

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 этого сценария. В этом случае это будет 100 пикселей.