例
得到的元素,包括填充的整个高度和宽度:
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";
}
试一试»