Propriété HTML DOM scrollHeight
Exemple
Obtenez toute la hauteur et la largeur d'un élément, y compris le rembourrage :
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété scrollHeight renvoie la hauteur totale d'un élément en pixels, y compris le remplissage, mais pas la bordure, la barre de défilement ou la marge.
Astuce : Utilisez la propriété scrollWidth pour renvoyer la largeur entière d'un élément.
Les propriétés scrollWidth et scrollHeight renvoient la hauteur et la largeur entières d'un élément, y compris la hauteur et la largeur qui ne sont pas visibles (en raison d'un débordement).
Astuce : Pour ajouter des barres de défilement à un élément, utilisez la propriété CSS overflow .
Cette propriété est en lecture seule.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Yes |
Syntaxe
element.scrollHeight
Détails techniques
Valeur de retour : | Un Nombre, représentant toute la hauteur (verticalement) d'un élément, en pixels |
---|
Plus d'exemples
Exemple
Utilisation de padding, border, scrollbar et margin pour montrer comment cela affecte les propriétés scrollWidth et scrollHeight :
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Exemple
Renvoyez les scrollHeight et scrollWidth d'un élément, puis définissez sa hauteur et sa largeur sur les valeurs renvoyées par scrollHeight et scrollWidth :
var elmnt = document.getElementById("content");
function getFunction() {
var x = elmnt.scrollWidth;
var y = elmnt.scrollHeight;
}
function setFunction() {
elmnt.style.height = y.scrollHeight + "px";
elmnt.style.width = y.scrollWidth + "px";
}