ตัวอย่าง
ได้รับทั้งความสูงและความกว้างขององค์ประกอบรวมทั้ง padding:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth; ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
สถานที่ให้บริการ scrollHeight ผลตอบแทนที่ได้ทั้งความสูงขององค์ประกอบในพิกเซลรวมทั้งการขยาย แต่ไม่ชายแดนแถบเลื่อนหรือคิดเป็นอัตรา
เคล็ดลับ: ใช้ scrollWidth คุณสมบัติเพื่อกลับความกว้างทั้งหมดขององค์ประกอบ
scrollWidth และ scrollHeight คุณสมบัติกลับทั้งความสูงและความกว้างขององค์ประกอบรวมทั้งความสูงและความกว้างที่ไม่สามารถมองเห็นได้ (because of overflow)
เคล็ดลับ: การเพิ่มแถบเลื่อนไปยังองค์ประกอบให้ใช้แบบ CSS ล้น สถานที่ให้บริการ
สถานที่แห่งนี้เป็นอ่านอย่างเดียว
สนับสนุนเบราว์เซอร์
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | ใช่ |
วากยสัมพันธ์
element .scrollHeightรายละเอียดทางเทคนิค
| กลับค่า: | หมายเลขที่เป็นตัวแทนของความสูงทั้งหมด (vertically) ขององค์ประกอบพิกเซล |
|---|
ตัวอย่างอื่น ๆ
ตัวอย่าง
ใช้ช่องว่างภายในเส้นขอบเลื่อนและอัตรากำไรขั้นต้นจะแสดงวิธีการนี้มีผลกระทบต่อ scrollWidth และ scrollHeight ทรัพย์สิน:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth; ลองตัวเอง» ตัวอย่าง
กลับ scrollHeight และ scrollWidth ขององค์ประกอบและจากนั้นตั้งค่าความสูงและความกว้างของค่าที่ส่งกลับจาก scrollHeight และ 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";
} ลองตัวเอง»