En son web geliştirme öğreticiler
 

HTML DOM scrollHeight Propery

<Eleman Nesne

Örnek

dolgu içeren bir eleman, tüm genişliği ve yüksekliği al:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

scrollHeight özelliği tüm dolgu dahil piksel olarak bir elementin, yüksekliğini, ancak sınır, kaydırma veya marj döndürür.

İpucu: kullan scrollWidth bir elementin tüm genişliğini dönmek için özellik.

ScrollWidth ve scrollHeight özellikleri görüntülenebilir değildir yüksekliği ve genişliği de dahil olmak üzere, bir elemanın tüm genişliği ve yüksekliği dönüş (because of overflow) .

İpucu: bir öğeye kaydırma çubukları eklemek CSS kullanmak için taşma özelliği.

Bu özellik salt okunur.

Tarayıcı Desteği

özellik
scrollHeight 4.0 8 3.0 4.0 Evet

Sözdizimi

element .scrollHeight

Teknik detaylar

Geri dönüş değeri: Bütün yüksekliği temsil eden bir sayı, (vertically) piksel bir elemanın,
Örnekler

Diğer Örnekler

Örnek

Bu scrollWidth ve scrollHeight özelliği nasıl etkilediğini göstermek için dolgu, sınır, kaydırma çubuğunu ve marjı kullanarak:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Kendin dene "

Örnek

scrollHeight ve scrollWidth dönen değerlere yüksekliğini ve genişliğini ayarlamak üzere bir elemanın scrollHeight ve scrollWidth dönün ve:

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";
}
Kendin dene "

<Eleman Nesne