Window pageXOffset Property

Definition and Usage

pageXOffset The property returns the number of pixels the document has been scrolled from the top-left corner of the window.

pageXOffset The property is equal to scrollX Property.

pageXOffset The property is read-only.

See also:

screenX attribute

screenY attribute

Instance

Example 1

Scroll the content by 100 pixels and prompt pageXOffset and pageYOffset:

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

Try It Yourself

Example 2

Create a sticky navigation bar:

// Get the navigation bar
const navbar = document.getElementById("navbar");
// Get the offset position of the navigation bar
const sticky = navbar.offsetTop;
// Add the sticky class to the navigation bar when you reach its scroll position. Remove the sticky class when you leave the scroll position.
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

Try It Yourself

Syntax

window.pageXOffset

Or:

pageXOffset

Return Value

Type Description
Number Number of pixels scrolled from the top-left corner of the window.

Browser Support

Lahat ng mga browser ay sumusuporta window.pageXOffset:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporta 9-11 Suporta Suporta Suporta Suporta