手记

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人推荐
随时随地看视频
慕课网APP

热门评论

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

查看全部评论