Thuộc tính chiều rộng cuộn HTML DOM
Thí dụ
Nhận toàn bộ chiều cao và chiều rộng của một phần tử, bao gồm cả phần đệm:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính scrollWidth trả về toàn bộ chiều rộng của một phần tử tính bằng pixel, bao gồm cả phần đệm, nhưng không trả về đường viền, thanh cuộn hoặc lề.
Mẹo: Sử dụng thuộc tính scrollHeight để trả về toàn bộ chiều cao của một phần tử.
Các thuộc tính scrollWidth và scrollHeight trả về toàn bộ chiều cao và chiều rộng của một phần tử, bao gồm cả chiều cao và chiều rộng không thể xem được (vì tràn).
Mẹo: Để thêm thanh cuộn vào một phần tử, hãy sử dụng thuộc tính phần bổ sung CSS .
Thuộc tính này là chỉ đọc.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
scrollWidth | Yes | Yes | Yes | Yes | Yes |
Cú pháp
element.scrollWidth
Chi tiết kỹ thuật
Giá trị trả lại: | Một Số, đại diện cho toàn bộ chiều rộng (theo chiều ngang) của một phần tử, tính bằng pixel |
---|
Các ví dụ khác
Thí dụ
Sử dụng padding, border, scrollbar và margin để cho biết điều này ảnh hưởng như thế nào đến thuộc tính scrollWidth và scrollHeight:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Thí dụ
Trả về giá trị scrollHeight và scrollWidth của một phần tử, sau đó đặt chiều cao và chiều rộng của nó thành các giá trị được trả về từ scrollHeight và 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";
}