En son web geliştirme öğreticiler
 

HTML DOM scrollWidth 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ı

scrollWidth özelliği, tüm dolgu içeren piksel olarak bir element, genişliği, ancak sınır, kaydırma ya da kenar döndürür.

İpucu: kullan scrollHeight bir elementin bütün yüksekliğ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
scrollWidth Evet Evet Evet Evet Evet

Sözdizimi

element .scrollWidth

Teknik detaylar

Geri dönüş değeri: Tüm genişliğini temsil eden bir sayı, (horizontally) 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