scrollLeft

Обновлено: 20.03.2023

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

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


Приклад

Отримайте кількість пікселів, на яку прокручується вміст "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;

Синтаксис

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


element.scrollLeft

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


element.scrollLeft = pixels

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

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

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


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

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


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

scrollLeft

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

scrollLeft