KOMPOOS.NL

onscroll - HTML5

home » manuals » html5 » onscroll.html

sitemap | terug naar het html5 referentie - events - overzicht


uitleg onscroll attribuut

Als je de pagina scrolled zal de kleur van de achtergrond veranderen (Klik ergens op de body om de oude kleur weer terug te zetten). Dit wordt geregeld door onscroll. Als een (voor onscroll geselecteerd) element met de muis of met de scrollbar bewogen wordt, triggert dat het onscroll-gebeuren. Om de procedure op jouw eigen pagina te testen, kan je even de regel html-code (die de "normale" body-tag gaat vervangen) die hieronder staat gebruiken. Kopieer ook het javascript naar de body sectie van jouw pagina. De procedure is cross browser.

onscroll-versie van de body-tag


<body onscroll="scroll_check()" onclick="scroll_uncheck()">

javascript voor afhandeling van de onscroll-trigger


<script>
        function scroll_check() {
                document.body.style.backgroundColor = "#ffccff";
        }
        function scroll_uncheck() {
                document.body.style.backgroundColor = "transparent";
        }
</script>