element.scrollHeight

« Référence du DOM

Résumé

Cette propriété DHTML permet d'obtenir la hauteur de l'affichage défilable d'un élément ; il comprend les marges internes (padding) de l'élément mais pas ses marges externes (margin).

Syntaxe

var intElemScrollHeight = document.getElementById('id').scrollHeight;

intElemScrollHeight est une variable contenant un entier correspondant à la valeur en pixels de la hauteur défilable de l'élément. scrollHeight est une propriété en lecture seule.

Description

La propriété scrollHeight d'un élément est la mesure de la hauteur du contenu de l'élément pour une certaine largeur de visualisation de cet élément. Elle est inversément proportionnelle à sa largeur CSS.

Lorsque le contenu d'un élément ne génère pas de barre de défilement vertical, sa propriété DHTML clientHeight est égale à sa propriété scrollHeight.

Exemple

padding-top

Gentle, individualistic and very loyal, Birman cats fall between Siamese and Persian in character. If you admire cats that are non aggressive, that enjoy being with humans and tend to be on the quiet side, you may well find that Birman cats are just the felines for you.

Image:BirmanCat.jpgAll Birmans have colorpointed features, dark coloration of the face, ears, legs and tail.

Cat image and text coming from www.best-cat-art.com

padding-bottom

LeftTopRightBottommargin-topmargin-bottomborder-topborder-bottom[if IE]><span id="MrgLeft" style="position: absolute; left: 8px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">margin-left</span><span id="BrdLeft" style="position: absolute; left: 33px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">border-left</span><span id="PdgLeft" style="position: absolute; left: 55px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">padding-left</span><span id="PdgRight" style="position: absolute; left: 275px; top: 60px; color: black; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl; white-space: nowrap;">padding-right</span><span id="BrdRight" style="position: absolute; left: 310px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">border-right</span><span id="MrgRight" style="position: absolute; left: 340px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">margin-right</span><![endif]

Image:scrollHeight.png

Spécification

scrollHeight fait partie du modèle objet DHTML de Microsoft Internet Explorer. Elle ne fait partie d'aucune spécification ou recommandation technique du W3C.

Notes

scrollHeight est une propriété du modèle objet DHTML provenant de Microsoft Internet Explorer. On l'appelle la hauteur physique défilable de l'élément.

Références

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes :
Contributeurs ayant participé à cette page : adrienchretien, BenoitL, Julien STUBY
Dernière mise à jour par : adrienchretien,