Window pageXOffset Property

JavaScript Window Object

pageXOffseta read-only property that returns the number of pixels the current document is horizontally scrolled from the top-left corner of the window.

The pageXOffset property isscrollXAlias of the property.

Syntax:

window.pageXOffset

var x = window.pageXOffset;
var y = window.pageYOffset;

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

Browser compatibility

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

Technical details

More examples

Scroll the content100 pixels, and display pageXOffset and pageYOffset:

window.scrollBy(100,　100);
var x = window.pageXOffset;
var y = window.pageYOffset;

Cross-browser solution (for IE8and earlier versions, using scrollLeft and scrollTop):

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

Related References

Window (Window) Reference:window.pageYOffset property

Window (Window) Reference:window.scrollX property

Window (Window) Reference:window.scrollY property

HTML DOM Reference:element .scrollLeft property

HTML DOM Reference:element .scrollTop property

JavaScript Window Object