前端中的offset

offset在英语中做形容词有分支的； 偏（离中）心的，等意思。

原生js中offset主要用来获取宽度高度，以及位置信息。

1. offsetWidth 、 offsetHeight
   得到对象的宽度和高度：offsetWidth = width + border + padding
2. offsetLeft 、 offsetTop
   返回距离上级盒子（最近的带有定位）左边的位置；
   返回距离上级盒子（最近的带有定位）左边的位置；
   如果父级都没有定位则以body 为准。
3. offsetParent
   如果当前元素的父级元素没有进行CSS定位（position为absolute或relative），offsetParent为body。如果当前元素的父级元素中有CSS定位（position为absolute或relative），offsetParent取最近的那个父级元素。

jQuery - offset() 方法
jQuery中一般先使用元素选择器选择，然后链式调用，比如：$("p").offset().X。
offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。
返回第一个匹配元素的偏移坐标。

转载于:https://juejin.im/post/5baa52f16fb9a05cdd2d0c69