tutorial pengembangan web terbaru
 

HTML DOM scrollWidth Propery

<Elemen Object

Contoh

Dapatkan seluruh tinggi dan lebar elemen, termasuk padding:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

Properti scrollWidth mengembalikan seluruh lebar elemen dalam pixel, termasuk padding, tetapi tidak perbatasan, scrollbar atau marjin.

Tip: Gunakan scrollHeight properti untuk mengembalikan seluruh ketinggian elemen.

The scrollWidth dan scrollHeight sifat mengembalikan seluruh tinggi dan lebar elemen, termasuk tinggi dan lebar yang tidak dapat dilihat (because of overflow) .

Tip: Untuk menambahkan scrollbar untuk elemen, gunakan CSS meluap properti.

Properti ini adalah read-only.


Dukungan Browser

Milik
scrollWidth iya nih iya nih iya nih iya nih iya nih

Sintaksis

element .scrollWidth

Rincian teknis

Kembali Nilai: Sebuah Nomor, mewakili seluruh lebar (horizontally) dari suatu unsur, dalam piksel

contoh

Contoh lebih

Contoh

Menggunakan padding, border, scrollbar dan marjin untuk menunjukkan bagaimana ini mempengaruhi scrollWidth dan scrollHeight properti:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Cobalah sendiri "

Contoh

Kembalikan scrollHeight dan scrollWidth dari elemen dan kemudian mengatur tinggi dan lebar dengan nilai-nilai kembali 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";
}
Cobalah sendiri "

<Elemen Object