JavaScript/DOM/Event/scroll

Der Begriff scroll ist mehrdeutig.
Für die gleichnamigen Methoden:

• JavaScript/Window/scroll
• JavaScript/DOM/Element/scroll

Der scroll-Event-Handler wird ausgelöst, wenn du in einem Element scrollst.

bubbles	nein
cancelable	nein
mögliche Auslöser	body, Blockelementen
Event-Objekt	UIEvent

Beispiel ansehen …

var elem = document.getElementById('eins');
elem.addEventListener('scroll', Meldung);

function Meldung(){
    var txt = 'Du hast um ' + elem.scrollTop +'px gescrollt!';
    document.getElementById('ausgabe').innerHTML = txt;
}

Das Beispiel enthält ein section-Element, das eine Überschrift und einen Absatz enthält, die höher als die im CSS festgelegte Höhe sind. Deshalb erscheinen Scrollbalken. Beim Scrollen dieses Elements wird angezeigt, um wieviel Pixel gescrollt wird.

Weblinks

• MDN: onscroll Event