Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM scrollHeight Propery

<Element Przedmiot

Przykład

Dostać całą wysokość i szerokość elementu, w tym wyściółka:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

Nieruchomość scrollHeight zwraca całą wysokość elementu w pikselach, w tym obicia, ale nie granicy, przewijania lub marginesu.

Wskazówka: Użyj scrollWidth właściwość do zwrotu całej szerokości elementu.

W scrollWidth i scrollHeight właściwości powrotu na całej wysokości i szerokości elementu, w tym wysokości, szerokości i które nie są widoczne (because of overflow) .

Wskazówka: Aby dodać paski przewijania do elementu, należy użyć CSS przepełnienia nieruchomości.

Ta właściwość jest tylko do odczytu.


Wsparcie przeglądarka

Nieruchomość
scrollHeight 4.0 8.0 3.0 4.0 tak

Składnia

element .scrollHeight

Szczegóły techniczne

Zwracana wartość: Liczbą, stanowiących całość wysokość (vertically) elementu w pikselach

Przykłady

Więcej przykładów

Przykład

Korzystanie obicia, obramowanie, przewijania i margines, aby pokazać jak to wpływa na właściwość scrollWidth i scrollHeight:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Spróbuj sam "

Przykład

Zwraca scrollHeight i scrollWidth elementu, a następnie ustawić jej wysokość i szerokość z wartościami zwróconych od scrollHeight i 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";
}
Spróbuj sam "

<Element Przedmiot