Non-standard: This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The Window.scrollByLines() method scrolls the document by the specified number of lines.
js
scrollByLines(lines)
lines is the number of lines to scroll the document by. It may be a positive or negative integer. None (undefined).
html
<!-- Scroll up the document by 5 lines --> <button id="scroll-up" onclick="scrollByLines(-5);">Up 5 lines</button> <!-- Scroll down the document by 5 lines --> <button id="scroll-down" onclick="scrollByLines(5);">Down 5 lines</button>
This is not part of any specification.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
scrollByLines |
No | No | 1 | No | No | No | No | No | 4 | No | No | No |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollByLines