Défilement des éléments en JavaScript
Les propriétés suivantes contiennent la valeur du défilement de l'élément :
javascriptconsole.log(elem.scrollTop); // depuis le haut
console.log(elem.scrollLeft); // depuis la gauche
L'exemple suivant démontre le fonctionnement de ces propriétés. Faites défiler l'élément et cliquez sur le bouton, vous verrez la valeur du défilement :
Un élément et un bouton sont donnés. Lorsqu'on clique sur le bouton, déterminez de combien l'élément a défilé verticalement.
Un élément et un bouton sont donnés. Lorsqu'on clique sur le bouton, vérifiez si l'élément a défilé verticalement.
Faites défiler l'élément jusqu'à la fin. Cliquez sur le bouton pour afficher la valeur du défilement total.
Obtenez le scrollHeight de l'élément
et soustrayez-en la valeur du défilement total
(de la tâche précédente). Quelle valeur obtenez-vous ?
Quelles dimensions contient-elle ?
Additionnez le offsetHeight et la valeur du défilement total.
Soustrayez cette somme de la valeur du scrollHeight.
Quel nombre obtenez-vous ?