HTML DOM scrollWidth Ö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
scrollWidth özelliği, kenarlık, kaydırma çubuğu veya kenar boşluğu değil, dolgu da dahil olmak üzere bir öğenin tüm genişliğini piksel cinsinden döndürür.
İpucu: Bir öğenin tüm yüksekliğini döndürmek için scrollHeight ö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 | |||||
---|---|---|---|---|---|
scrollWidth | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
element.scrollWidth
Teknik detaylar
Geri dönüş değeri: | Bir öğenin tüm genişliğini (yatay 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";
}