JavaScript/Window/pageYOffset

Aus SELFHTML-Wiki
< JavaScript‎ | Window(Weitergeleitet von PageYOffset)
Wechseln zu: Navigation, Suche

Die Eigenschaft pageYOffset speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am Dokumentanfang. So lässt sich ermitteln, wie weit der Anwender bereits nach unten gescrollt hat.

Beispiel ansehen …
document.addEventListener('DOMContentLoaded', function () {

  // füllt Webseite
  for (var index = 0; index < 100; index++) {
      document.querySelector('output').innerHTML += 'Viel Text<br>';
  }
  
  // Event-Handler für Button
  document.querySelector('#interaktiv').addEventListener('click', yPosition);
    
  function yPosition () { 
    alert('pageYOffset: ' + window.pageYOffset + ' Pixel');
  }
 
});

Im Beispiel schreibt ein JavaScript zu Testzwecken 100 mal eine HTML-Zeile mit dem Text Viel Text in das output-Element. Das veranlasst den Browser, entsprechend weit nach unten mitzuscrollen. Am Ende wird ein Button notiert. Bei dessen Anklicken wird die Funktion yPosition() aufgerufen. Sie gibt mit alert() aus, wie weit die aktuelle Scroll-Position vom Dokumentanfang entfernt ist.