Window pageXOffset-eigenschap

Definitie en gebruik

pageXOffset Eigenschap retourneert het aantal pixels dat het document van linksboven naar beneden wordt gescrolld.

pageXOffset Eigenschap is gelijk aan scrollX Eigenschappen.

pageXOffset Eigenschappen zijn alleen lezen.

Zie ook:

screenX-eigenschap

screenY-eigenschap

Voorbeeld

Voorbeeld 1

Scroll het inhoud 100 pixels en toon pageXOffset en pageYOffset:

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

Probeer het zelf

Voorbeeld 2

Maak een sticky navigatiebalk:

// Haal de navigatiebalk op
const navbar = document.getElementById("navbar");
// Haal de offsetpositie van de navigatiebalk op
const sticky = navbar.offsetTop;
// Voeg de sticky klasse toe aan de navigatiebalk wanneer je aan de scrollpositie komt. Verwijder de sticky klasse wanneer je de scrollpositie verlaat.
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

Probeer het zelf

Syntax

window.pageXOffset

Ofwel:

pageXOffset

Terugkeerwaarde

Type Beschrijving
Getal Aantal pixels dat het document van linksboven naar beneden wordt gescrolld.

Browser ondersteuning

All browsers support window.pageXOffset:

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