Dies ist nur eine Spielwiese.
Das echte SELFHTML-Wiki gibt es unter https://wiki.selfhtml.org.
Das echte SELFHTML-Wiki gibt es unter https://wiki.selfhtml.org.
JavaScript/DOM/Event/scroll
SELFHTML e.V.
< JavaScript | DOM | Event
| Event-Handler | ?js1.1?
scroll |
|---|---|
| Bedeutung | Der Eventhandler scroll wird ausgelöst, wenn Sie in einem Element scrollen. |
| bubbles | nein |
| cancelable | nein |
| Elternelemente | Darf vorkommen in: body, Blockelementen |
| Event-Objekt | UIEvent |
| Browsersupport | |
| Beispiel |
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. |
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;
}
| |
