Свойство scrollLeft в HTML DOM

Объект элемента HTML DOM

scrollLeftСвойство может устанавливать или возвращать количество пикселей, на которое содержимое элемента прокручивается влево (по горизонтали).

Внимание:Если у элементанаправление (direction)Даrtl(слева направо), то когда ползунок находится в крайнем правом положении (в начале прокручиваемого содержимого), scrollLeft равно0и затем прокручивая содержимое до конца, scrollLeft постепенно становится отрицательным.

ИспользуяscrollTopСвойство может устанавливать или возвращать количество пикселей, на которое содержимое элемента (вертикально) прокручивается вверх.

Грамматика:

Вернуть свойство scrollLeft:

element.scrollLeft

Установить свойство scrollLeft:

element.scrollLeft = pixels

var elem = document.getElementById("container");
var x = elem.scrollLeft;
var y = elem.scrollTop;

Совместимость браузеров

Все браузеры полностью поддерживают свойство scrollLeft:

Значение свойства

Технические детали

Более сложные примеры

Сдвинуть содержимое DIV на 20 пикселей влево:

document.getElementById('container').scrollLeft += 20;

Сдвинуть содержимое BODY на 100 пикселей влево:

var body = document.body; // Для Safari
var html = document.documentElement; // Chrome, Firefox, IE и Opera
　　　
body.scrollLeft += 100;
html.scrollLeft += 100;

См. также

Референс по HTML DOMСвойство scrollTop

Объект элемента HTML DOM