Properti HTML scrollWidth DOM
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 scrollWidth mengembalikan seluruh lebar elemen dalam piksel, termasuk padding, tetapi bukan batas, scrollbar, atau margin.
Tip: Gunakan properti scrollHeight untuk mengembalikan seluruh tinggi 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 | |||||
---|---|---|---|---|---|
scrollWidth | Yes | Yes | Yes | Yes | Yes |
Sintaksis
element.scrollWidth
Detail Teknis
Nilai Kembali: | Angka, mewakili seluruh lebar (horizontal) 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";
}