SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.
JavaScript/DOM/Event/scroll
Der scroll-Event-Handler wird ausgelöst, wenn Sie in einem Element scrollen.
bubbles |
nein |
---|---|
cancelable |
nein |
mögliche Auslöser |
body, Blockelementen |
Event-Objekt |
UIEvent |
var elem = document.getElementById('eins');
elem.addEventListener('scroll', Meldung);
function Meldung(){
var txt = 'Sie haben 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