HTML DOM scrollHeight właściwość
Przykład
Uzyskaj pełną wysokość i szerokość elementu, w tym dopełnienie:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość scrollHeight zwraca całą wysokość elementu w pikselach, łącznie z dopełnieniem, ale bez obramowania, paska przewijania czy marginesu.
Porada: Użyj właściwości scrollWidth , aby zwrócić całą szerokość elementu.
Właściwości scrollWidth i scrollHeight zwracają całą wysokość i szerokość elementu, w tym wysokość i szerokość, które nie są widoczne (z powodu przepełnienia).
Wskazówka: Aby dodać paski przewijania do elementu, użyj właściwości CSS overflow .
Ta właściwość jest tylko do odczytu.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Yes |
Składnia
element.scrollHeight
Szczegóły techniczne
Wartość zwrotu: | Liczba reprezentująca całą wysokość (w pionie) elementu w pikselach |
---|
Więcej przykładów
Przykład
Używając dopełnienia, obramowania, paska przewijania i marginesu, 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;
Przykład
Zwróć scrollHeight i scrollWidth elementu, a następnie ustaw jego wysokość i szerokość na wartości zwracane przez 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";
}