Webdesign mit CSS, HTML und Javascript
Stil mit {stil}
Neue Kameras und Objektive | Bildgestaltung und Bildbearbeitung
Fotografie von ihrer besten Seite: foto.5lux.de
Okt 2008
Javascript scroll • Beim Scrollen einer Webseite oder eines Elements
Das Javascript-Ereignis scroll ruft einen Event Handler auf, wenn das Dokument oder ein Element gescrollt wird.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut at ipsum. Fusce in sem. Nulla facilisi. Sed augue. Pellentesque quam. Aenean felis turpis, vulputate non, tristique at, commodo vel, turpis.
Vivamus vel nibh. Vivamus pede neque, congue et, imperdiet in, adipiscing elementum, massa. Curabitur sem metus, hendrerit quis, pulvinar sit amet, viverra id, odio. Ut consequat nulla ut nulla accumsan lobortis. Nunc quis mauris. Nullam nunc pede, varius id, vulputate ut, volutpat et, elit. Donec vitae nunc.
Quisque quis quam. Phasellus arcu. In molestie pretium leo. Sed semper eleifend velit. Sed tincidunt, nulla tincidunt condimentum ullamcorper, tortor magna scelerisque ante, vel luctus nisi mauris quis mi.
<script type="text/javascript">
var box = document.getElementById('box');
box.onscroll = function () {
var showscroll = document.getElementById('showscroll');
showscroll.innerHTML = "Box wird gescrollt + this.scrollTop;
}
</script>
Attribute
- target
- Objekt zu dem das Ereignis ursprünglich gesendet wurde
- eventPhase
- Phase, in der das Ereignis bearbeitet wird: AT_TARGET, BUBBLING_PHASE, CAPTURING_PHASE
- bubbles
- true, wenn das Ereignis nach oben steigen kann
- cancelable
- Nein/dd>
- timeStamp
- Zeit in Millisekunden, zu der das Ereignis eingetreten ist