Element.scrollTop property gets or sets the number of pixels that an element's content is scrolled vertically.
scrollTop value is a measurement of the distance from the element's top to its topmost visible content. When an element's content does not generate a vertical scrollbar, then its
scrollTop value is
On systems using display scaling,
scrollTop may give you a decimal value.
// Get the number of pixels scrolled var intElemScrollTop = someElement.scrollTop;
After running this code,
intElemScrollTop is an integer corresponding to the number of pixels that the
element's content has been scrolled upwards.
// Set the number of pixels scrolled element.scrollTop = intValue;
scrollTop can be set to any integer value, with certain caveats:
- If the element can't be scrolled (e.g. it has no overflow or if the element has a property of "non-scrollable"),
scrollTopdoesn't respond to negative values; instead, it sets itself back to
- If set to a value greater than the maximum available for the element, scrollTop settles itself to the maximum value.
|CSS Object Model (CSSOM) View Module
The definition of 'scrollTop' in that specification.
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
|Feature||Chrome||Edge||Firefox (Gecko)||Internet Explorer||Opera||Safari (WebKit)|
|Feature||Android||Android Webview||Edge||Firefox Mobile (Gecko)||Firefox OS||IE Mobile||Opera Mobile||Safari Mobile||Chrome for Android|