目录

HTML DOM 元素 scrollWidth

示例

获取元素的高度和宽度,包括填充:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;
亲自试一试 »

内边距、边框和滚动条如何影响滚动宽度和滚动高度:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;
亲自试一试 »

下面有更多示例。


描述

这个scrollWidth属性返回元素的宽度,包括填充,不包括边框、滚动条或边距。

这个scrollWidth属性返回以像素为单位的宽度。

这个scrollWidth属性是只读的。

笔记

两个都scrollWidthscrollHeight返回元素的整个高度和宽度,包括不可见的部分(由于溢出)。

也可以看看:

滚动高度属性

CSS 溢出属性



语法

element.scrollWidth

返回值

类型 描述
数字 元素的宽度,以像素为单位。

更多示例

将元素的高度和宽度设置为从scrollHeight和scrollWidth返回的值:

element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";
亲自试一试 »

浏览器支持

element.scrollWidth所有浏览器都支持:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes Yes