最新的Web开发教程
 

HTML DOM scrollHeight Propery

<元素对象

得到的元素,包括填充的整个高度和宽度:

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

更多"Try it Yourself"下面的例子。


定义和用法

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

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

的scrollWidth和scrollHeight属性属性返回一个元件的整个高度和宽度,包括高度和宽度是不可见的(because of overflow)

提示:要滚动条添加到一个元素,使用CSS 溢出财产。

此属性为只读。


浏览器支持

属性
scrollHeight 4 8 3.0 4

句法

element .scrollHeight

技术细节

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

例子

更多示例

使用填充,边框,滚动条和保证金,以显示这将如何影响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";
}
试一试»

<元素对象