轻松上手,快乐学习!

HTML DOM scrollHeight 属性


实例

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

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
亲自试一试 »

页面下方有更多实例。


定义和用法

scrollHeight 属性以像素为单位返回元素的整个高度,包括填充,但不包括边框、滚动条或边距。

提示: 使用 scrollWidth 属性返回元素的整个宽度。

scrollWidth 和 scrollHeight 属性返回元素的整个高度和宽度,包括不可查看的高度和宽度(因为溢出)。

提示: 要向元素添加滚动条,请使用 CSS overflow 属性。

该属性是只读的。


浏览器支持

属性
scrollHeight 4.0 8.0 3.0 4.0 Yes

语法

element.scrollHeight

技术细节

返回值: 一个数字, 表示元素的整个高度(垂直方向),以像素为单位

更多实例

实例

使用填充、边框、滚动条和边距显示这对 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";
}
亲自试一试 »