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属性的第一个浏览器版本:

属性
scrollWidth431048

技术细节

返回值:一个数字,表示元素的整个宽度,以像素为单位
DOM版本:CSS对象模型(CSSOM)

相关参考

HTML DOM参考:scrollHeight属性

HTML DOM参考:clientWidth属性

HTML DOM参考:offsetWidth属性

CSS参考:overflow属性

HTML DOM Element 对象