例
得到的元素，包括填充的整個高度和寬度：
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";
} 試一試»