Свойство scrollLeft
Примеры element.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
Свойство scrollLeft устанавливает или возвращает количество пикселей, на которое содержимое элемента прокручивается по горизонтали.
Синтаксис scrollLeft
Вернуть свойство scrollLeft:
element.scrollLeft
Установите свойство scrollLeft:
element.scrollLeft = pixels
Значение свойства scrollLeft
| Значение | Описание |
|---|---|
| pixels |
Количество пикселей, на которое содержимое элемента прокручивается по горизонтали. Если число отрицательное, число устанавливается равным 0. Если элемент не может быть прокручен, число устанавливается равным 0. Если число больше максимально допустимого, число устанавливается равным максимальному. |
Возвращаемое значение scrollLeft
| Тип | Описание |
|---|---|
| Number | Количество пикселей, на которое содержимое элемента прокручивается по горизонтали. |
Ещё примеры scrollLeft
Прокрутите содержимое <body> на 30 пикселей по горизонтали и на 10 пикселей по вертикали:
const html = document.documentElement;
html.scrollLeft += 30;
html.scrollTop += 10;
Попробуйте сами »
Поддержка scrollLeft
element.scrollLeft поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |