Ultimele tutoriale de dezvoltare web
 

HTML DOM scrollWidth Propery

<Element Object

Exemplu

Ia întreaga înălțimea și lățimea unui element, inclusiv padding:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.

Definiție și utilizare

Proprietatea scrollWidth returnează întreaga lățime a unui element în pixeli, inclusiv umplutură, dar nu de frontieră, sau o marjă de derulare.

Sfat: Utilizați scrollHeight proprietatea pentru a reveni întreaga înălțime a unui element.

Proprietățile scrollWidth și scrollHeight întoarce toată înălțimea și lățimea unui element, inclusiv înălțimea și lățimea , care nu este vizibilă (because of overflow) din (because of overflow) .

Indicație: Pentru a adăuga scrollbar la un element, utilizați CSS overflow proprietate.

Această proprietate este read-only.

Suport pentru browser-

Proprietate
scrollWidth da da da da da

Sintaxă

element .scrollWidth

Detalii tehnice

Întoarcere Valoare: Un număr, reprezentând întreaga lățime (horizontally) al unui element, în pixeli
Exemple

Mai multe exemple

Exemplu

Folosind, chenarul, scrollbar și marja pentru a arăta modul în care aceasta afectează proprietatea scrollWidth și scrollHeight:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Încearcă - l singur »

Exemplu

Readuceți scrollHeight și scrollWidth unui element și apoi setați înălțimea și lățimea acestuia la valorile returnate de la scrollHeight și 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";
}
Încearcă - l singur »

<Element Object