proprietà scrollHeight dell'Elemento DOM HTML

definizione e uso

scrollHeight l'attributo restituisce l'altezza dell'elemento in pixel, inclusi i margini interni, ma non inclusi i bordi, le barre di scorrimento o i margini esterni.

scrollHeight l'attributo è di sola lettura.

nota:scrollWidth e scrollHeight tutti restituiscono l'altezza e la larghezza totali dell'elemento, inclusi i parti invisibili (a causa del overflow).

si prega di consultare anche:

proprietà scrollWidth

Proprietà overflow CSS

esempio

esempio 1

ottenere l'altezza e la larghezza dell'elemento, inclusi i margini interni:

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

prova personalmente

esempio 2

come padding, border e scrollbar influenzano scrollWidth e scrollHeight:

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

prova personalmente

esempio 3

impostare l'altezza e la larghezza dell'elemento con i valori restituiti da scrollHeight e scrollWidth:

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

prova personalmente

sintassi

element.scrollHeight

valore di ritorno

tipo descrizione
numero l'altezza dell'elemento, in pixel.

supporto del browser

tutti i browser supportano element.scrollHeight：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto Supporto