propriété scrollHeight de l'élément HTML DOM

définition et utilisation

scrollHeight la propriété retourne la hauteur de l'élément, en pixels, y compris les marges internes, mais pas les bordures, les barres de défilement ou les marges externes.

scrollHeight les propriétés sont en lecture seule.

remarque :scrollWidth et scrollHeight tous deux retournent la hauteur et la largeur totales de l'élément, y compris les parties invisibles (à cause du débordement).

voir également :

propriété scrollWidth

Propriété overflow CSS

exemple

Exemple 1

obtenir la hauteur et la largeur de l'élément, y compris les marges internes :

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

essayez-le vous-même

Exemple 2

comment le padding, la bordure et la barre de défilement affectent scrollWidth et scrollHeight :

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

essayez-le vous-même

Exemple 3

Définir la hauteur et la largeur de l'élément en fonction des valeurs retournées par scrollHeight et scrollWidth :

element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";

essayez-le vous-même

syntaxe

element.scrollHeight

valeur de retour

type description
numérique la hauteur de l'élément, en pixels.

support du navigateur

tous les navigateurs le supportent element.scrollHeight：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support