HTML DOM scrollHeight Özelliği
Örnek
Dolgu dahil bir öğenin tüm yüksekliğini ve genişliğini alın:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
scrollHeight özelliği, kenarlık, kaydırma çubuğu veya kenar boşluğu değil, dolgu da dahil olmak üzere bir öğenin tüm yüksekliğini piksel cinsinden döndürür.
İpucu: Bir öğenin tüm genişliğini döndürmek için scrollWidth özelliğini kullanın .
scrollWidth ve scrollHeight özellikleri, görüntülenemeyen (taşma nedeniyle) yükseklik ve genişlik de dahil olmak üzere bir öğenin tüm yüksekliğini ve genişliğini döndürür.
İpucu: Bir öğeye kaydırma çubukları eklemek için CSS taşma özelliğini kullanın.
Bu özellik salt okunurdur.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Yes |
Sözdizimi
element.scrollHeight
Teknik detaylar
Geri dönüş değeri: | Bir öğenin tüm yüksekliğini (dikey olarak) piksel cinsinden temsil eden bir Sayı |
---|
Daha fazla örnek
Örnek
Bunun scrollWidth ve scrollHeight özelliğini nasıl etkilediğini göstermek için dolgu, kenarlık, kaydırma çubuğu ve kenar boşluğunu kullanma:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Örnek
Bir öğenin scrollHeight ve scrollWidth değerlerini döndürün ve ardından yüksekliğini ve genişliğini scrollHeight ve scrollWidth'den döndürülen değerlere ayarlayın:
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";
}