总结offset scroll client

99 阅读1分钟

这几个属性都需要写在事件函数中,才能拿到;直接打印一般获取不到

offset家族

offsetHeight / offsetWidth 获取元素自身的真实宽高; 但是这个数据有加载渲染时间; 如果拿到这个属性 ; 需要配合事件获取; 要写到事件函数中

**offsetTop / offsetLeft **获取元素距离自己定位父级元素的的左 上距离;

scroll家族

**scrollLeft / scrollTop **

document.documentElement.scrollTop / scrollLeft 现在最多见的是这么用 获得/设置页面滚动多少距离

scrollWidth / scrollHeight : 获取内容的宽高 padding+内容 数据也有加载渲染时间; 需要配合事件获取

client家族

clientWidth / clientHeight : 可视区域大小 跟scrollWidth / scrollHeight 差不多 但是有区别

clientLeft / clientTop : 可视区域位置(就是左边框 和 上边框 宽度)