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