Атрибут scrollLeft элемента HTML DOM

Определение и использование

scrollLeft Атрибут устанавливает или возвращает количество пикселей горизонтального скроллинга содержимого элемента.

См. также:

Атрибут scrollTop

Атрибут overflow CSS

Событие onscroll

Пример

Пример 1

Получите количество пикселей прокрутки содержимого "myDIV":

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

Попробуйте сами

Пример 2

Пример 2: Прокрутите содержимое "myDIV" на 50 пикселей влево и 10 пикселей вверх:

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

Попробуйте сами

Пример 3

Пример 3: Прокрутите содержимое "myDIV" на 50 пикселей влево и 10 пикселей вверх:

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

Попробуйте сами

Пример 4

Пример 4: Прокрутите содержимое <body> на 30 пикселей влево и 10 пикселей вверх:

const html = document.documentElement;
html.scrollLeft += 30;
html.scrollTop += 10;

Попробуйте сами

Синтаксис

Возвратить атрибут scrollLeft:

element.scrollLeft

Установить атрибут scrollLeft:

element.scrollLeft = pixels

Значение атрибута

Значение Описание
pixels

Пиксели горизонтального скроллинга содержимого элемента.

  • Если это число отрицательное, то это число устанавливается в 0.
  • Если элемент не может скроллить, то это число устанавливается в 0.
  • Если это число больше разрешенного максимума, то это число устанавливается в максимальное значение.

Возвратное значение

Тип Описание
Число Пиксели горизонтального скроллинга содержимого элемента.

Поддержка браузера

Все браузеры поддерживают element.scrollLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка Поддержка