Javascript 获取页面元素相对于电脑屏幕的坐标
个没什么可说的,直接上代码,有需要的可以参考一下:
Javascript代码 收藏代码
//获取元素绝对位置
function getAbsPosition(element)
{
var abs={x:0,y:0}
//如果浏览器兼容此方法
if (document.documentElement.getBoundingClientRect)
{
//注意,getBoundingClientRect()是jQuery对象的方法
//如果不用jQuery对象,可以使用else分支。
abs.x = element.getBoundingClientRect().left;
abs.y = element.getBoundingClientRect().top;
abs.x += window.screenLeft +
document.documentElement.scrollLeft -
document.documentElement.clientLeft;
abs.y += window.screenTop +
document.documentElement.scrollTop -
document.documentElement.clientTop;
}
//如果浏览器不兼容此方法
else
{
while(element!=document.body)
{
abs.x+=element.offsetLeft;
abs.y+=element.offsetTop;
element=element.offsetParent;
}
//计算想对位置
abs.x += window.screenLeft +
document.body.clientLeft - document.body.scrollLeft;
abs.y += window.screenTop +
document.body.clientTop - document.body.scrollTop;
}
return abs;
}
点击查看更多内容
1人点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦