Chiều cao cuộn của phần tử DOM HTML
Ví dụ
Lấy chiều cao và chiều rộng của một phần tử, bao gồm cả phần đệm:
const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;
Hãy tự mình thử »Cách phần đệm, đường viền và thanh cuộn ảnh hưởng đến ScrollWidth và ScrollHeight:
const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Thuộc tính scrollHeight
trả về chiều cao của một phần tử bao gồm phần đệm nhưng không bao gồm đường viền, thanh cuộn hoặc lề.
Thuộc tính scrollHeight
trả về chiều cao tính bằng pixel.
Thuộc tính scrollHeight
ở chế độ chỉ đọc.
Ghi chú
Cả scrollWidth
và scrollHeight
đều trả về toàn bộ chiều cao và chiều rộng của một phần tử, bao gồm cả những phần không thể xem được (vì tràn).
Xem thêm:
Cú pháp
element .scrollHeight
Giá trị trả về
Kiểu | Sự miêu tả |
Con số | Chiều cao của phần tử, tính bằng pixel. |
Thêm ví dụ
Đặt chiều cao và chiều rộng của một phần tử thành các giá trị được trả về từ ScrollHeight và ScrollWidth:
element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";
Hãy tự mình thử »Hỗ trợ trình duyệt
element.scrollHeight
được hỗ trợ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | Yes |