Neueste Web-Entwicklung Tutorials
 

HTML DOM scrollHeight Propery

<Element Object

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 .scrollHeight

Technische Details

Rückgabewert: Eine Zahl ist , die gesamte Höhe darstellt (vertically) ein Element in Pixeln

Beispiele

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 "

<Element Object