tutorial pengembangan web terbaru
 

HTML DOM scrollHeight 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 scrollHeight mengembalikan seluruh ketinggian elemen dalam pixel, termasuk padding, tetapi tidak perbatasan, scrollbar atau marjin.

Tip: Gunakan scrollWidth properti untuk mengembalikan seluruh lebar 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
scrollHeight 4.0 8,0 3.0 4.0 iya nih

Sintaksis

element .scrollHeight

Rincian teknis

Kembali Nilai: Sebuah Nomor, mewakili seluruh tinggi (vertically) 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