HTML DOM scrollHeight Property
Contoh
Dapatkan seluruh tinggi dan lebar elemen, termasuk padding:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti scrollHeight mengembalikan seluruh tinggi elemen dalam piksel, termasuk padding, tetapi bukan batas, scrollbar, atau margin.
Tip: Gunakan properti scrollWidth untuk mengembalikan seluruh lebar elemen.
Properti scrollWidth dan scrollHeight mengembalikan seluruh tinggi dan lebar elemen, termasuk tinggi dan lebar yang tidak terlihat (karena meluap).
Tip: Untuk menambahkan scrollbar ke elemen, gunakan properti CSS overflow .
Properti ini hanya-baca.
Dukungan Peramban
| Property | |||||
|---|---|---|---|---|---|
| scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Yes |
Sintaksis
element.scrollHeight
Detail Teknis
| Nilai Kembali: | Angka, mewakili seluruh tinggi (vertikal) suatu elemen, dalam piksel |
|---|
Lebih Banyak Contoh
Contoh
Menggunakan padding, border, scrollbar, dan margin untuk menunjukkan bagaimana hal ini memengaruhi properti scrollWidth dan scrollHeight:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Contoh
Kembalikan scrollHeight dan scrollWidth dari sebuah elemen lalu atur tinggi dan lebarnya ke nilai yang dikembalikan dari scrollHeight dan 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";
}