scrollTop

Обновлено: 20.03.2023

Визначення та використання

Властивість scrollTopвстановлює або повертає кількість пікселів, на яку вміст елемента прокручується вертикально.

Приклад

Отримайте кількість пікселів, на яку прокручується вміст "myDIV":

const element = document.getElementById("myDIV");
let x = elmnt.scrollLeft;
let y = elmnt.scrollTop;

Прокрутіть вміст "myDIV" ДО 50 пікселів по горизонталі та 10 пікселів по вертикалі:

const element = document.getElementById("myDIV");
element.scrollLeft = 50;
element.scrollTop = 10;

Прокрутіть вміст «myDIV» НА 50 пікселів по горизонталі та 10 пікселів по вертикалі:

const element = document.getElementById("myDIV");
element.scrollLeft += 50;
element.scrollTop += 10;

Синтаксис

Повертає властивість scrollTop:


element.scrollTop

Встановіть властивість scrollTop:


element.scrollTop = pixels

Вартість власності

ЗначенняОпис
pixelsКількість пікселів, на яку вміст елемента прокручується вертикально.

Якщо число від’ємне, воно дорівнює 0.
Якщо елемент не можна прокручувати, число встановлюється на 0.
Якщо кількість перевищує максимально допустиму, встановлюється максимальне число.


Повернене значення

Типопис
НомерКількість пікселів, на яку вміст елемента прокручується вертикально.


Підтримка браузера

scrollTop

Посмотреть совместимость на Can I use?

scrollTop