JS获得指定元素距离浏览器顶部的距离offsetTop

获取元素位置的JavaScript函数

最新推荐文章于 2023-01-06 20:21:24 发布

最新推荐文章于 2023-01-06 20:21:24 发布 · 937 阅读

本文介绍了一个使用JavaScript编写的函数getPos，该函数用于获取HTML页面中指定元素的绝对位置坐标。通过递归地累加元素及其父元素的位置偏移，函数能够准确计算出元素相对于整个页面的左上角的坐标。

function getPos(ele){	
	var top=ele.offsetTop;	
	var left=ele.offsetLeft;
	var offsetEle=ele.offsetParent;
	while(offsetEle){
	top+=offsetEle.offsetTop;
	var bWidth=0;	
	if( bWidth=parseInt(getCss(offsetEle,'borderTopWidth'))){		
		top+=bWidth;
	}
	//其实左边同样也需要加上左边边框的宽，本文没有做处理，希望同学们自己来处理	
	left+=offsetEle.offsetLeft;
	offsetEle=offsetEle.offsetParent;	
}	var o={};
	o.x=left;
	o.y=top;
	return o;
	
}