scroll
就是滚动的意思,使用 scroll 系列的相关属性可以动态的得到元素的内容大小、滚动距离等;通过该系列的属性获取到的值均为数值类型,没有单位。
scrollWidth
element.scrollWidth
获取元素元素内容的宽度,是个只读属性,包括 overflow 溢出而在屏幕上不可见的内容。
scrollHeight
element.scrollHeight
获取元素元素内容的高度,是个只读属性,包括溢出的内容 overflow 溢出而在屏幕上不可见的内容。
注意:通过 scrollWidth、scrollHeight 获取的宽高包含元素的内边距,但不包括边框,外边距或垂直滚动条(如果存在)。
CSS:
p {
width: 120px;
height: 100px;
border: 1px solid gray;
}
HTML:
<p>
这是一段文本
这是一段文本
这是一段文本
这是一段文本
这是一段文本
这是一段文本
这是一段文本
这是一段文本