Как получить позицию прокрутки элемента в JavaScript

Когда вы создаете пользовательский интерфейс в браузере, у вас может быть элемент, который можно прокручивать, и общая потребность в горизонтальной и вертикальной прокрутке, которую он имеет в настоящее время, является общей.

Как ты можешь это сделать?

Получив элемент, вы можете осмотреть егоscrollLeftиscrollTopхарактеристики.

В0, 0позиция всегда находится в верхнем левом углу, поэтому любая прокрутка зависит от нее.

Пример:

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

Эти свойства доступны для чтения и записи, поэтому вы также можетенаборположение прокрутки:

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

Скачать мою бесплатнуюРуководство для начинающих по JavaScript


Больше руководств по браузеру: