专业编程基础技术教程

网站首页 > 基础教程 正文

DOM中scrollWidth和scrollHeight属性

ccvgpt 2024-07-24 11:15:28 基础教程 12 ℃

DOM中scrollWidth 和scrollHeight的属性 分别是元素的实际高度和实际宽度(如果有滚动条 则不包括滚动条的长度)

要点:

DOM中scrollWidth和scrollHeight属性

1 元素实际高度 或者 宽度

2 不计算滚动条的长度 (滚动条会占用dom的长度或者宽度 各浏览器应该会有差异)

1 没有滚动条的情况 元素的scrollheight 为元素实际的高度

scrollHeight属性值等于height+padding-top+padding-bottom

scrollHeight属性值等于height+padding-top+padding-bottom

2 有滚动条的情况下

由于子元素高度比父元素的高度要高

所以 元素的scrollheight高度 为子元素的实际高度 + 父元素的内边距

元素的scrollheight高度 为子元素的实际高度 + 父元素的内边距

有滚动条的情况下 scrollwidth 为元素减去滚动条占用元素位置

scrollwidth 为元素减去滚动条占用元素位置 + 父元素内边距

Tags:

最近发表
标签列表