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