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.

See also