Utiliser la fonction onScroll

posted in: html | 0

Tester la fenêtre déroulante.

A l’intérieur de chaque être humain, il y a un océan de conscience pure. Si on parvient à saisir des idées à un niveau très profon, alors, la création circule vraiment.

A condition de savoir l’accueillir et de lui donner assez d’espace pour qu’il s’applique, un conseil avisé ne doit jamais rester totalement ignoré.

Lorsque l’on déroule le texte, le texte devient rouge.

Le code expliqué

<style>
#myDIV {
border: 1px solid black;
width: 200px;
height: 100px;
overflow: scroll;
}
</style>
<p>Tester la fenêtre déroulante.</p>
<div id= »myDIV » onscroll= »myFunction() »>A l’intérieur de chaque être humain, il y a un océan de conscience pure. Si on parvient à saisir des idées à un niveau très profon, alors, la création circule vraiment.
<br><br>
A condition de savoir l’accueillir et de lui donner assez d’espace pour qu’il s’applique, un conseil avisé ne doit jamais rester totalement ignoré.
</div>

<script>
function myFunction() {
document.getElementById(« myDIV »).style.color = « red »;
}
</script>

<p>Lorsque l’on déroule le texte, le texte devient rouge.</p>

logowebmaster1