JavaScript/DOM/Event/scroll

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event
Wechseln zu: Navigation, Suche
Event-Handler JavaScript 1.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
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
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.

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;
}
Beachten Sie
Tipp
Quellen

{{{Quellen}}}

siehe auch

{{{siehe_auch}}}

Weblinks

{{{Weblinks}}}