Window pageXOffset attribute

Definition and Usage

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

pageXOffset The attribute equals scrollX Attribute.

pageXOffset The attribute 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 scrolling from the top left corner of the window.

Support browser

Semua peramban mendukung window.pageXOffset：

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