HTML : scrollLeft, scrollWidth, clientWidth, offsetWidth explication complète_Échange d'expérience

scrollHeight : obtient la hauteur de défilement de l'objet.

scrollLeft : Définit ou obtient la distance entre le bord gauche de l'objet et l'extrémité la plus à gauche du contenu actuellement visible dans la fenêtre.

scrollTop : Définit ou obtient la distance entre le bord le plus haut de l'objet et l'extrémité la plus à gauche du contenu visible dans la fenêtre La distance entre les sommets

scrollWidth : Récupère la largeur de défilement de l'objet

offsetHeight : Récupère la hauteur de l'objet par rapport au layout ou la coordonnée parent spécifiée par la propriété offsetParent de coordonnées parent

offsetLeft : Récupère la position gauche calculée de l'objet par rapport à la mise en page ou la coordonnée parent spécifiée par l'attribut offsetParent

offsetTop : Get la position supérieure calculée de l'objet par rapport à la mise en page ou la coordonnée parent spécifiée par l'attribut offsetTop

coordonnées horizontales event.clientX par rapport au document

coordonnées verticales event.clientY par rapport au document

event.offsetX coordonnées horizontales par rapport au conteneur

event.offsetY par rapport au conteneur Coordonnée verticale

document.documentElement.scrollTop La valeur du défilement vertical

event.clientX+document.documentElement.scrollTop La coordonnée horizontale du document relatif + la quantité de défilement vertical

Ce qui précède se réfère principalement à IE, la différence entre FireFox est la suivante :

IE6.0, FF1.06+ :

clientWidth = largeur + rembourrage

clientHeight = hauteur + rembourrage

offsetWidth = largeur + rembourrage + bordure

offsetHeight = hauteur + remplissage + bordure

IE5.0/5.5 :

clientWidth = largeur - bordure

clientHeight = hauteur - bordure

offsetWidth = largeur

offsetHeight = hauteur