HTML DOM scrollHeight Eigenschaft
Element-ObjektBeispiele
Höhe und Breite eines div-Elements abrufen, einschließlich padding:
Selbst ausprobieren »
Definition und Verwendung
Die scrollHeight-Eigenschaft ist eine schreibgeschützte Eigenschaft, die die Pixelhöhe des Elements zurückgibt. Die Höhe enthält padding, aber nicht margin oder border. Sie ist eine ganze Zahl, und die Einheit ist Pixel (px).
Der Wert von scrollHeight entspricht der minimalen Höhe, die das Element benötigt, um den gesamten Inhalt ohne Verwendung einer Bildlaufleiste in den Viewport einzupassen. Wenn keine vertikale Bildlaufleiste vorhanden ist, ist der scrollHeight-Wert derselbe wie clientHeight, der Mindestwert, der erforderlich ist, damit die Elementansicht den gesamten Inhalt ausfüllt. Er enthält das padding des Elements, aber nicht den border und margin des Elements.
scrollHeight enthält auch Pseudoelemente wie ::before und ::after.
Dies ist eine schreibgeschützte Eigenschaft.
Browser-Unterstützung
| Eigenschaft | |||||
|---|---|---|---|---|---|
| scrollHeight | Ja | Ja | Ja | Ja | Ja |
Syntax
element.scrollHeight
Technische Details
| Rückgabewert: | Gibt eine ganze Zahl zurück, die die Pixelhöhe des Elements darstellt. |
|---|
Weitere Beispiele
Beispiel
Verwenden Sie padding, border, scrollbar und margin, um Änderungen der Eigenschaften scrollWidth und scrollHeight zu demonstrieren:
Selbst ausprobieren »
Beispiel
Geben Sie die Werte der Eigenschaften scrollHeight und scrollWidth eines Elements zurück und verwenden Sie dann die ermittelte Höhe und Breite, um die Werte der Eigenschaften scrollHeight und scrollWidth eines anderen Elements festzulegen:
Selbst ausprobieren »
Andere Erweiterungen