Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM scrollWidth Propery

<Element Przedmiot

Przykład

Dostać całą wysokość i szerokość elementu, w tym wyściółka:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.

Definicja i Wykorzystanie

Nieruchomość scrollWidth zwraca całą szerokość elementu w pikselach, wraz z wyściółką, ale nie granicy, przewijania lub marginesu.

Wskazówka: Użyj scrollHeight własności zwrócić całą wysokość elementu.

W scrollWidth i scrollHeight właściwości powrotu na całej wysokości i szerokości elementu, w tym wysokości, szerokości i które nie są widoczne (because of overflow) .

Wskazówka: Aby dodać paski przewijania do elementu, należy użyć CSS przepełnienia nieruchomości.

Ta właściwość jest tylko do odczytu.

Wsparcie przeglądarka

Nieruchomość
scrollWidth tak tak tak tak tak

Składnia

element .scrollWidth

Szczegóły techniczne

Zwracana wartość: Liczbą, stanowiących całą szerokość (horizontally) elementu w pikselach
Przykłady

Więcej przykładów

Przykład

Korzystanie obicia, obramowanie, przewijania i margines, aby pokazać jak to wpływa na właściwość scrollWidth i scrollHeight:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Spróbuj sam "

Przykład

Zwraca scrollHeight i scrollWidth elementu, a następnie ustawić jej wysokość i szerokość z wartościami zwróconych od 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";
}
Spróbuj sam "

<Element Przedmiot