Element.scroll()

The scroll() method of the Element interface scrolls the element to a particular set of coordinates inside a given element.

Syntax

element.scroll(x-coord, y-coord)
element.scroll(options)

Parameters

Calling with coordinates

x-coord
The pixel along the horizontal axis of the element that you want displayed in the upper left.
y-coord
The pixel along the vertical axis of the element that you want displayed in the upper left.

Calling with options

options
A ScrollToOptions dictionary.

Examples

// Put the 1000th vertical pixel at the top of the element
element.scroll(0, 1000);

Using options:

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

Specification

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

Initial definition.

Browser Compatibility

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
scrollChrome Full support 45Edge Full support 79Firefox Full support 36IE No support NoOpera Full support 32Safari Full support 10WebView Android Full support 45Chrome Android Full support 45Firefox Android Full support 36Opera Android Full support 32Safari iOS No support NoSamsung Internet Android Full support 5.0
ScrollToOptions parameterChrome Full support 45Edge Full support 79Firefox Full support YesIE No support NoOpera Full support 32Safari No support NoWebView Android Full support 45Chrome Android Full support 45Firefox Android Full support YesOpera Android Full support 32Safari iOS No support NoSamsung Internet Android Full support 5.0

Legend

Full support
Full support
No support
No support