本文深入解析了offset、scroll和client三大系列布局属性，包括offsetLeft、offsetTop、offsetWidth、offsetHeight、scrollLeft、scrollTop、scrollWidth、scrollHeight、clientWidth、clientHeight、clientLeft、clientTop等关键属性的含义及应用场景，为前端开发者提供了全面的布局控制指南。
三大系列:
offset系列:
(父级元素margin+父级元素padding+父级元素border+自己的margin)
offsetLeft:元素距离左边位置的值
offsetTop:元素距离上面位置的值
offsetWidth:获取元素的宽度(有边框)
offsetHeight:获取元素的高度(有边框)
scroll系列:
scrollLeft:元素向左卷曲出去的距离
scrollTop:元素向上卷曲出去的距离
scrollWidth:元素中内容的实际的宽度,如果没有内容,或者内容很少,元素的宽度
scrollHeight:元素中内容的实际的高度,如果没有内容,或者内容很少,元素的高度
client系列:
clientWidth:可视区域的宽度,没有边框
clientHeight:可视区域的高度,没有边框
clientLeft:左边框的宽度
clientTop:上边框的宽度
clientX:可视区域的横坐标
clientY:可视区域的纵坐标
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
