Window scrollX Property

JavaScript Window Object

scrollXReturns the document/the pixel value of page horizontal scrolling.

The scrollX property ispageXOffsetalias of the property.

Syntax:

window.scrollX

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

Note: scrollX and scrollY properties are equal to pageXOffset and pageYOffset properties.

Browser compatibility

The number in the table specifies the first browser version that fully supports the scrollX property:

Technical details

More examples

Scroll content100 pixels, and display scrollX and scrollY:

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

Cross-browser solution (for IE8and earlier versions, use scrollLeft and 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;

Related References

Window (Window) Reference:window.pageXOffset property

Window (Window) Reference:window.pageYOffset property

Window (Window) Reference:window.scrollY property

HTML DOM Reference:element .scrollLeft property

HTML DOM Reference:element .scrollTop property

JavaScript Window Object