一、写在前面
之前一直对于offset,scroll, client这几大属性表示很懵,今天一文针对这些属性进行总结,从此再也不懵逼。
二、offset系列
1、offsetWidth属性
offsetWidth返回当前的元素宽度,这个宽度包括内容的宽度 + border的宽度 + padding的宽度。
offsetWidth是只读属性
2、offsetHeight属性
offsetHeight返回的是当前元素的高度,这个高度包括内容的高度 + border的高度 +
offsetHeight是只读属性
3、offsetLeft属性
offsetLeft属性存在两种情况,一: 如果当前元素没有脱离文档流,此时
offsetLeft表示获取当前元素到定位父元素左侧的距离,如果父元素没有定位,则继续向上查找,知道找到body为止。
二:如果该标签元素脱离文档流,此时offsetLeft = margin-left + left。
4、offsetTop属性:
offsetTop属性存在两种情况:一:

本文详细介绍了offset、scroll和client系列属性,帮助读者彻底理解这几个浏览器坐标相关的概念,解决一直以来的疑惑。


被折叠的 条评论
为什么被折叠?



