W3cubDocs

/Web APIs

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

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

<button id="scroll-up">Up 5 lines</button>
<button id="scroll-down">Down 5 lines</button>

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.

Browser compatibility

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`scrollByLines`	No	No	1	No	No	No	4	No	No	No	No	No