JSFiddle - React, Tailwind, and code Playground
HTML
Enter Scroll Speed:
<input type="text" id="scrollVal" value="50" />
<div id="test"></div>
CSS
#test {
height: 1000px;
}
JavaScript
$(function () {
$(document).keyup(function (e) {
if (e.which == 39) {
window.scrollTo(0, parseInt($('#scrollVal').val(), 10) + $(document).scrollTop());
} else if (e.which == 37) {
window.scrollTo(0, $(document).scrollTop() - parseInt($('#scrollVal').val(), 10));
}
});
});