HTML DOM scrollWidth 属性

HTML DOM Element 对象

scrollWidth只读属性返回元素的整个宽度（以像素为单位），包括由于溢出而在屏幕上不可见的内容。

宽度的测量方法与clientWidth相同：它包括元素的填充，但不包括其边框，边距或滚动条。

它还可以包括伪元素的宽度，例如:: before或:: after。如果元素的内容不需要水平滚动条就可以容纳，则其scrollWidth等于clientWidth。

使用scrollHeight属性返回元素的整个高度。

语法：

element.scrollWidth

var elem = document.getElementById("box");
var y = elem.scrollHeight;
var x = elem.scrollWidth;

浏览器兼容性

表格中的数字指定了完全支持scrollWidth属性的第一个浏览器版本：

属性
scrollWidth	4	3	10	4	8

技术细节

相关参考

HTML DOM参考：scrollHeight属性

HTML DOM参考：clientWidth属性

HTML DOM参考：offsetWidth属性

CSS参考：overflow属性

HTML DOM Element 对象