Window: scrollByLines() method
Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.
The Window.scrollByLines()
method scrolls the document by
the specified number of lines.
Syntax
js
scrollByLines(lines)
Parameters
lines
-
The number of lines to scroll the document by. It may be a positive or negative integer.
Return value
None (undefined
).
Examples
html
<button id="scroll-up">Up 5 lines</button>
<button id="scroll-down">Down 5 lines</button>
js
document.getElementById("scroll-up").addEventListener("click", () => {
window.scrollByLines(-5);
});
document.getElementById("scroll-down").addEventListener("click", () => {
window.scrollByLines(5);
});
Specifications
This is not part of any specification.