HTML DOM Element scrollHeight egenskab

definITION OG BRUG

scrollHeight egenskaben returnerer elementets højde, i pixels, inklusive indrykning, men ikke kanter, scrollbar eller eksterne margener.

scrollHeight egenskaben er skrivebeskyttet.

kommentar:scrollWidth og scrollHeight begge returnerer elementets hele højde og bredde, inklusive de usynlige dele (på grund af overflow).

se også:

scrollWidth egenskab

CSS overflow egenskab

eksempel

eksempel 1

få elementets højde og bredde, inklusive indrykning:

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

prøv det selv

eksempel 2

paddings, kanter og scrollbar påvirker scrollWidth og scrollHeight:

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

prøv det selv

eksempel 3

sæt elementets højde og bredde til værdierne fra scrollHeight og scrollWidth:

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

prøv det selv

syntaks

element.scrollHeight

returnerværdi

type beskrivelse
tal elementets højde, i pixels.

browser understøttelse

alle browsere understøtter element.scrollHeight

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Støtte Støtte Støtte Støtte Støtte Støtte