WebAPI-scroll系列属性

最新推荐文章于 2023-06-28 11:48:37 发布

VIP文章蓬莱老仙

最新推荐文章于 2023-06-28 11:48:37 发布

阅读量765

点赞数

分类专栏： WebAPI

本文链接：https://blog.csdn.net/weixin_44486539/article/details/103435595

版权

scroll 就是滚动的意思，使用 scroll 系列的相关属性可以动态的得到元素的内容大小、滚动距离等；通过该系列的属性获取到的值均为数值类型，没有单位。

element.scrollWidth 获取元素元素内容的宽度，是个只读属性，包括 overflow 溢出而在屏幕上不可见的内容。

element.scrollHeight 获取元素元素内容的高度，是个只读属性，包括溢出的内容 overflow 溢出而在屏幕上不可见的内容。

注意：通过 scrollWidth、scrollHeight 获取的宽高包含元素的内边距，但不包括边框，外边距或垂直滚动条（如果存在）。
CSS：

p {
   
  width: 120px;
  height: 100px;
  border: 1px solid gray;
}

HTML：

<p>
  这是一段文本
  这是一段文本
  这是一段文本
  这是一段文本
  这是一段文本
  这是一段文本
  这是一段文本
  这是一段文本

关注