当前位置: 代码迷 >> 综合 >> clientHeight / offsetHeight / scrollHeight / Window.innerHeight / Window.outerHeight
  详细解决方案

clientHeight / offsetHeight / scrollHeight / Window.innerHeight / Window.outerHeight

热度:9   发布时间:2023-12-21 08:56:26.0

总是记不住这几个高度,记录一下

  1. Element.clientHeight

    • 只读
    • 单位像素
    • 四舍五入取整
    • 如果你需要一个浮点数值,请用 element.getBoundingClientRect()
    • 对于没有定义CSS或者内联布局盒子的元素为0(例如,<span>标签的clientHeight值为0,除非设置display: block变成块级元素)
    • 包含内边距(不包括水平滚动条、边框和外边距)
    • clientHeight 可以通过 CSS height + CSS padding - 水平滚动条高度 (如果存在)来计算
  2. Element.offsetHeight

    • 只读
    • 单位像素
    • 四舍五入取整
    • 如果你需要一个浮点数值,请用
  相关解决方案