HTML-DOM scrollHeight- Eigenschaft
Beispiel
Holen Sie sich die gesamte Höhe und Breite eines Elements, einschließlich Polsterung:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Eigenschaft scrollHeight gibt die gesamte Höhe eines Elements in Pixel zurück, einschließlich Padding, aber nicht des Rahmens, der Bildlaufleiste oder des Rands.
Tipp: Verwenden Sie die scrollWidth- Eigenschaft, um die gesamte Breite eines Elements zurückzugeben.
Die Eigenschaften scrollWidth und scrollHeight geben die gesamte Höhe und Breite eines Elements zurück, einschließlich der Höhe und Breite, die nicht sichtbar sind (wegen Überlauf).
Tipp: Um einem Element Bildlaufleisten hinzuzufügen, verwenden Sie die CSS- Überlaufeigenschaft .
Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Yes |
Syntax
element.scrollHeight
Technische Details
Rückgabewert: | Eine Zahl, die die gesamte Höhe (vertikal) eines Elements in Pixel darstellt |
---|
Mehr Beispiele
Beispiel
Verwenden von Padding, Border, Scrollbar und Margin, um zu zeigen, wie sich dies auf die Eigenschaften scrollWidth und scrollHeight auswirkt:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Beispiel
Geben Sie scrollHeight und scrollWidth eines Elements zurück und setzen Sie dann seine Höhe und Breite auf die Werte, die von scrollHeight und scrollWidth zurückgegeben werden:
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";
}