继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Javascript 获取页面元素相对于电脑屏幕的坐标

quincyye
关注TA
已关注
手记 235
粉丝 168
获赞 3550

个没什么可说的,直接上代码,有需要的可以参考一下:
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;  

}

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP

热门评论

这个代码, 非常不错,解决了我的急需问题!!!!!!!!!

查看全部评论