HTML DOM Element scrollHeight egenskap

definition och användning

scrollHeight egenskapen returnerar elementets höjd, i pixlar, inklusive inre kantlinje, men inte kantlinje, rullningslist eller marginaler.

scrollHeight egenskapen är skrivskyddad.

kommentar:scrollWidth och scrollHeight båda returnerar elementets hela höjd och bredd, inklusive de osynliga delarna (på grund av överskridande).

se också:

scrollWidth egenskap

CSS overflow egenskap

exempel

exempel 1

få elementets höjd och bredd, inklusive inre kantlinje:

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

prova själv

exempel 2

hur padding, kantlinje och rullningslist påverkar scrollWidth och scrollHeight:

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

prova själv

exempel 3

sätt elementets höjd och bredd till värdena från scrollHeight och scrollWidth:

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

prova själv

syntaks

element.scrollHeight

återvärdet

typ beskrivning
nummer elementets höjd, i pixlar.

webbläsarstöd

alla webbläsare stöder element.scrollHeight：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd Stöd