js的offset啥意思

Posted 2023-04-08

offset有offsetParent、offsetTop、offsetLeft、offsetWidth、offsetHeight；
offsetParent：当前容器的父级并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素
offsetWidth：元素的可视宽度，包括元素的边框(border)，水平padding，元素本身宽度
offsetLeft:元素的边框的外边缘距离与已定位的父容器（offsetparent）的左边距离（不包括元素的边框和父容器的边框） 参考技术A alert(obj.offsetTop) 弹出来的值是50； 这个50就是该DIV距离顶部的距离。具体jquery的offset().top是什么机制原理，没有研究过。 参考技术B 一般jQuery里偏移会用到，获取匹配元素，在当前视口的相对偏移。返回的对象包含两个整型属性：top和left。此方法只对可见元素有效本回答被提问者采纳

.offset().top是什么意思？

offset获取匹配元素在当前视口的相对偏移；

返回的对象包含两个整形属性：top,left。此方法只对 可见元素有效。

 

$("#div").offset() 获得位移对象；（此时 其实啥也没做）

$("#div").offset().top 获得位移高度

 

用法一般是：

$("#div").css({ 
left:$(this).offset().left+"px", 
top:$(this).offset().top+25+"px" 
});