Atrybut scrollWidth obiektu HTML DOM Element

Definicja i użycie

scrollWidth Atrybut zwraca szerokość elementu, wyrażoną w pikselach, w tym wewnętrzne marginesy, bez ramki, pasków przewijania lub marginesów zewnętrznych.

scrollWidth Atrybut jest jedynie do odczytu.

Komentarz:scrollWidth i scrollHeight Oba zwracają całą wysokość i szerokość elementu, w tym niewidoczne części (ze względu na wypływ).

Zobacz również:

Atrybut scrollHeight

Atrybut overflow CSS

Przykład

Przykład 1

Pobierz wysokość i szerokość elementu, w tym wewnętrzne marginesy:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

Spróbuj sam

Przykład 2

Jak padding, border i paski przewijania wpływają na scrollWidth i scrollHeight:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

Spróbuj sam

Przykład 3

Ustaw szerokość i wysokość elementu na wartości zwracane przez scrollHeight i scrollWidth:

element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";

Spróbuj sam

Gramatyka

element.scrollWidth

Zwracana wartość

Typ Opis
Numer Szerokość elementu, wyrażona w pikselach.

Wspieranie przeglądarki

Wszystkie przeglądarki wspierają element.scrollWidth：

Chrome IE Krawędź Firefox Safari Opera
Chrome IE Krawędź Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie