Beispiel
Holen über die gesamte Höhe und Breite eines Elements, einschließlich padding:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth; Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Scrollheight Eigenschaft gibt die gesamte Höhe eines Elements in Pixeln, einschließlich padding, aber nicht die Grenze, scrollbar oder Rand.
Tipp: Verwenden Sie die scrollWidth Eigenschaft über die gesamte Breite eines Elements zurück.
Die scrollWidth und Scrollheight Eigenschaften zurück über die gesamte Höhe und Breite eines Elements, einschließlich der Höhe und Breite , die nicht sichtbar ist (because of overflow) .
Tipp: Um die Bildlaufleisten zu einem Elemente hinzuzufügen, die CSS - Überlauf - Eigenschaft.
Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
| Eigentum | |||||
|---|---|---|---|---|---|
| scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Ja |
Syntax
element .scrollHeightTechnische Details
| Rückgabewert: | Eine Zahl ist , die gesamte Höhe darstellt (vertically) ein Element in Pixeln |
|---|
Mehr Beispiele
Beispiel
Mit Polsterung, Grenze, Scrollbar und Marge zu zeigen, wie dies die scrollWidth und Scrollheight Eigenschaft wirkt:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth; Versuch es selber " Beispiel
Liefert die Scrollheight und scrollWidth eines Elements und setzen dann ihre Höhe und Breite auf die Werte zurück von Scrollheight und 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";
} Versuch es selber "