SELF-Treffen in Mannheim vom 23.05. bis 25.05.2025
SELFHTML wird 30 Jahre alt! Das wollen wir gebührend feiern!
Weitere Informationen und eine Anmeldemöglichkeit gibt es in der Veranstaltungs-Ankündigung.
JavaScript/DOM/Event/scroll
Aus SELFHTML-Wiki
< JavaScript | DOM | Event
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 |
Beispiel
ansehen …
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