Window pageYOffset property

JavaScript Window Object

pageYOffseta read-only property that returns the number of pixels the current document has been scrolled vertically from the top-left corner of the window.

The pageYOffset property isscrollYalias of the property.

Syntax:

window.pageYOffset

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 pageYOffset 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, use 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.pageXOffset 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