创建函数计算目标元素到浏览器窗口的距离

在js 中当需要计算目标元素和浏览器顶部或者左边的距离时,通过创建以下函数,调用即可

	
		// 创建函数,计算目标元素到浏览器窗口的距离	
		function getTL(obj){
		// 定义t和l用来计算每一层的offset的距离	
		var t=0;
		var l=0;
		var start=obj;
		while(obj){
			if (obj==start) {
				t+=obj.offsetTop;
				l+=obj.offsetLeft;
				obj=obj.offsetParent;
			}else{
			t+=obj.offsetTop+obj.clientTop;//除第一次以外,其余外层标签要将标签的border计算在内
			l+=obj.offsetLeft+obj.clientLeft;
			obj=obj.offsetParent;
			}
		}
		// 循环执行完毕(循环到了最外层body),返回t和l的值
		return {left:l,top:t};
		}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值