The scrollBy() method of the Element interface scrolls an element by the given amount.
element.scrollBy(x-coord, y-coord); element.scrollBy(options)
x-coord is the horizontal pixel value that you want to scroll by.y-coord is the vertical pixel value that you want to scroll by.- or -
options is a ScrollToOptions dictionary.// scroll an element element.scrollBy(300, 300);
Using options:
element.scrollBy({
top: 100,
left: 100,
behavior: 'smooth'
}); | Specification | Status | Comment |
|---|---|---|
| CSS Object Model (CSSOM) View Module The definition of 'element.scrollBy()' in that specification. | Working Draft | Initial definition. |
No compatibility data found. Please contribute data for "api.Element.scrollBy" (depth: 1) to the MDN compatibility data repository.
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/element/scrollBy