Свойство scrollX в Window

Объект окна JavaScript

scrollXВозвращает количество пикселей прокрутки документа/страницы по горизонтали.

Свойство scrollX являетсяpageXOffsetАльтернативное имя свойства.

Синтаксис:

window.scrollX

var x = window.scrollX;
var y = window.scrollY;

Внимание: Свойства scrollX и scrollY равны свойствам pageXOffset и pageYOffset.

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает свойство scrollX:

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

Более примеров

Перемещение содержимого на 100 пикселей и отображение scrollX и scrollY:

window.scrollBy(100, 100);
var x = window.scrollX;
var y = window.scrollY;

Кросс-браузерные решения (для IE8 и более ранних версий используется scrollLeft и scrollTop):

var x = (window.scrollX !== undefined)
　　? window.scrollX
　　: (document.documentElement || document.body.parentNode || document.body).scrollLeft;
var y = (window.scrollY !== undefined)
　　? window.scrollY
　　: (document.documentElement || document.body.parentNode || document.body).scrollTop;

См. также

Референция окна (Window):window.pageXOffset свойство

Референция окна (Window):window.pageYOffset свойство

Референция окна (Window):window.scrollY свойство

HTML DOM: руководствоэлемент .scrollLeft свойство

HTML DOM: руководствоэлемент .scrollTop свойство

Объект окна JavaScript