# How to get the scroll position of an element in JavaScript

> Learn how to get the scroll position of an element in JavaScript by reading its scrollTop and scrollLeft properties, which you can also set to scroll it.

Author: Flavio Copes | Published: 2018-12-01 | Canonical: https://flaviocopes.com/how-to-get-scroll-position-element/

How can you do that?

Once you have the element, you can inspect its `scrollLeft` and `scrollTop` properties.

The `0, 0` position is always found in the top left corner, so any scrolling is relative to that.

Example:

```js
const container = document.querySelector('. container')
container.scrollTop
container.scrollLeft
```

Those properties are read/write, so you can also **set** the scroll position:

```js
const container = document.querySelector('. container')
container.scrollTop = 1000
container.scrollLeft = 1000
```

![Browser developer console showing scrollTop value of 425 and scrollLeft value of 485 for a blue scrollable element](https://flaviocopes.com/images/how-to-get-scroll-position-element/Screen_Shot_2018-11-09_at_15.50.57.png)