X
HOME HTML5 CSS3 JAVASCRIPT SQL PHP5 JQUERY ANGULAR BOOTSTRAP3 XML MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

Window pageXOffset and pageYOffset Properties

Window Object Reference Window Object

Example

Scroll the content by 100 pixels, and alert the pageXOffset and pageYOffset:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);

Try it yourself »

More "Try it Yourself" examples below.


Definition and Usage

The pageXOffset and pageYOffset properties returns the pixels the current document has been scrolled from the upper left corner of the window, horizontally and vertically.

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

These properties are read-only.


Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
pageXOffset Yes 9.0 Yes Yes  Yes
pageYOffset Yes 9.0 Yes Yes Yes

Note: For IE8 and earlier, you can use "document.documentElement.scrollLeft" and "document.documentElement.scrollTop" instead (See "More Examples" below).


Syntax

window.pageXOffset
window.pageYOffset

Technical Details

Return Value: A Number, representing the number of pixels that the document has already been scrolled from the upper left corner of the window, horizontally and vertically


Examples

More Examples

Example

A cross-browser solution (using scrollLeft and scrollTop for IE8 and earlier):

window.scrollBy(100, 100);

if (window.pageXOffset !== undefined) { // All browsers, except IE9 and earlier
    alert(window.pageXOffset + window.pageYOffset);
} else { // IE9 and earlier
    alert(document.documentElement.scrollLeft + document.documentElement.scrollTop);
}

Try it yourself »


Window Object Reference Window Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook