W3cubDocs

/DOM

element.scrollBy

The scrollBy() method of the Element interface scrolls an element by the given amount.

Syntax

element.scrollBy(x-coord, y-coord);
element.scrollBy(options) 

Parameters

  • 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 -

Examples

// scroll an element
element.scrollBy(300, 300);

Using options:

element.scrollBy({
  top: 100,
  left: 100,
  behavior: 'smooth'
});

Specification

Specification Status Comment
CSS Object Model (CSSOM) View Module
The definition of 'element.scrollBy()' in that specification.
Working Draft Initial definition.

Browser Compatibility

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