Vlastnost scrollHeight HTML DOM
Příklad
Získejte celou výšku a šířku prvku, včetně odsazení:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost scrollHeight vrací celou výšku prvku v pixelech, včetně odsazení, ale ne ohraničení, posuvník nebo okraj.
Tip: Pomocí vlastnosti scrollWidth vrátíte celou šířku prvku.
Vlastnosti scrollWidth a scrollHeight vrátí celou výšku a šířku prvku, včetně výšky a šířky, které nejsou viditelné (z důvodu přetečení).
Tip: Chcete-li k prvku přidat posuvníky, použijte vlastnost CSS overflow .
Tato vlastnost je pouze pro čtení.
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Yes |
Syntax
element.scrollHeight
Technické údaje
Návratová hodnota: | Číslo představující celou výšku (vertikálně) prvku v pixelech |
---|
Další příklady
Příklad
Použití odsazení, ohraničení, posuvníku a okraje k zobrazení toho, jak to ovlivňuje vlastnosti scrollWidth a scrollHeight:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Příklad
Vraťte scrollHeight a scrollWidth prvku a poté nastavte jeho výšku a šířku na hodnoty vrácené z scrollHeight a scrollWidth:
var elmnt = document.getElementById("content");
function getFunction() {
var x = elmnt.scrollWidth;
var y = elmnt.scrollHeight;
}
function setFunction() {
elmnt.style.height = y.scrollHeight + "px";
elmnt.style.width = y.scrollWidth + "px";
}