Modification du défilement d'un élément en JavaScript
Les propriétés contenant le défilement des éléments
peuvent être modifiées. Dans ce cas, l'élément
sera défilé jusqu'à la valeur spécifiée.
Prenons par exemple, défilons un élément
à la position 200px depuis le haut :
elem.scrollTop = 200;
Maintenant, défilons l'élément de
100px vers le bas par rapport à la valeur actuelle :
elem.scrollTop = elem.scrollTop + 100;
Maintenant, défilons l'élément jusqu'à la fin :
elem.scrollTop = elem.scrollHeight - elem.clientHeight;
Un élément et un bouton sont donnés. Lorsqu'on clique sur
le bouton, faites défiler l'élément jusqu'à la position
de défilement 100px verticalement
et 50px horizontalement.
Un élément et un bouton sont donnés. Lorsqu'on clique sur
le bouton, faites défiler l'élément de 50px
vers le bas par rapport à la position de défilement actuelle.
Un élément et un bouton sont donnés. Lorsqu'on clique sur le bouton, faites défiler l'élément tout en haut.
Un élément et un bouton sont donnés. Lorsqu'on clique sur le bouton, faites défiler l'élément tout en bas.