właściwość scrollHeight obiektu HTML DOM Element

definicja i użycie

scrollHeight właściwość zwraca wysokość elementu, wyrażoną w pikselach, w tym wewnętrzne marginesy, ale bez krawędzi, pasków przewijania lub marginesów zewnętrznych.

scrollHeight właściwość jest jedynie do odczytu.

komentarz:scrollWidth i scrollHeight oba zwracają całą wysokość i szerokość elementu, w tym niewidoczne części (ze względu na przepływ).

patrz również:

właściwość scrollWidth

Atrybut overflow CSS

przykład

przykład 1

uzyskaj wysokość i szerokość elementu, w tym wewnętrzne marginesy:

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

spróbuj sam

przykład 2

jak padding, border i paski przewijania wpływają na scrollWidth i scrollHeight:

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

spróbuj sam

przykład 3

ustaw wysokość i szerokość elementu na wartości zwracane przez scrollHeight i scrollWidth:

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

spróbuj sam

gramatyka

element.scrollHeight

zwracana wartość

typ opis
liczba wysokość elementu, wyrażona w pikselach.

wspieranie przeglądarki

wszystkie przeglądarki wspierają element.scrollHeight：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie