HTML DOM Element scrollHeight 属性

定义和用法

scrollHeight 属性返回元素的高度,以像素为计,包括内边距,但不包括边框、滚动条或外边距。

scrollHeight 属性是只读的。

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

另请参阅:

scrollWidth 属性

CSS overflow 属性

实例

例子 1

获取元素的高度和宽度,包括内边距:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

亲自试一试

例子 2

padding、border 和 scrollbar 如何影响 scrollWidth 和 scrollHeight:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

亲自试一试

例子 3

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

element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";

亲自试一试

语法

element.scrollHeight

返回值

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

浏览器支持

所有浏览器都支持 element.scrollHeight

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持