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 |
---|
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 "