HTML DOM Element scrollHeight-ominaisuus

Määritelmä ja käyttö

scrollHeight Ominaisuus palauttaa elementin korkeuden pikseleissä, mukaan lukien sisäinen reunus, mutta ei reunusta, roolipyörää tai ulkoista marginaalia.

scrollHeight Ominaisuus on lukuutettava.

Huomautus:scrollWidth ja scrollHeight Molemmat palauttavat elementin koko korkeuden ja leveyden, mukaan lukien näkymättömät osat (ylivuodon vuoksi).

Katso myös:

scrollWidth-ominaisuus

CSS overflow -ominaisuus

Esimerkki

Esimerkki 1

Hanki elementin korkeus ja leveys, mukaan lukien sisäinen reunus:

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

Kokeile itse

Esimerkki 2

Miten padding, border ja scrollbar vaikuttavat scrollWidth ja scrollHeight:een:

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

Kokeile itse

Esimerkki 3

Aseta elementin korkeus ja leveys scrollHeight- ja scrollWidth-määrittämillä arvoilla:

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

Kokeile itse

Syntaksi

element.scrollHeight

Palautusarvo

Tyyppi Kuvaus
Luku Elementin korkeus pikseleissä.

selaimen tuki

Kaikki selaimet tukevat element.scrollHeight：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki Tuki