Exemplu
Ia întreaga înălțimea și lățimea unui element, inclusiv padding:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth; Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea scrollHeight returnează întreaga înălțime a unui element în pixeli, inclusiv umplutură, dar nu de frontieră, sau o marjă de derulare.
Sfat: Utilizați scrollWidth proprietatea de a reveni întreaga lățime a unui element.
Proprietățile scrollWidth și scrollHeight întoarce toată înălțimea și lățimea unui element, inclusiv înălțimea și lățimea , care nu este vizibilă (because of overflow) din (because of overflow) .
Indicație: Pentru a adăuga scrollbar la un element, utilizați CSS overflow proprietate.
Această proprietate este read-only.
Suport pentru browser-
| Proprietate | |||||
|---|---|---|---|---|---|
| scrollHeight | 4 | 8 | 3.0 | 4 | da |
Sintaxă
element .scrollHeightDetalii tehnice
| Întoarcere Valoare: | Un număr, reprezentând întreaga înălțime (vertically) al unui element, în pixeli |
|---|
Mai multe exemple
Exemplu
Folosind, chenarul, scrollbar și marja pentru a arăta modul în care aceasta afectează proprietatea scrollWidth și scrollHeight:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth; Încearcă - l singur » Exemplu
Readuceți scrollHeight și scrollWidth unui element și apoi setați înălțimea și lățimea acestuia la valorile returnate de la 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";
} Încearcă - l singur »