前端中的offset

1,984 阅读1分钟

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() 方法返回或设置匹配元素相对于文档的偏移(位置)。
返回第一个匹配元素的偏移坐标。