js 获取元素相对于页面的坐标(示例)

发布时间:2020-01-20编辑:脚本学堂
分享一例js代码,用于获取元素相对于页面中的坐标,有需要的朋友参考下。

例子,取元素相对页面的坐标。
代码:
 

复制代码 代码示例:

function pageX(elem){//获取元素相对于这个页面的x坐标。
  return elem.offsetParent?(elem.offsetLeft+pageX(elem.offsetParent)):elem.offsetLeft;
};
function pageY(elem){//获取元素相对于这个页面的y坐标。
  return elem.offsetParent?(elem.offsetTop+pageY(elem.offsetParent)):elem.offsetTop;
};

function __fenye(pageNum){
    getPageDataByPageNum(pageNum);
    var widthbody ;
    var bodywidth = document.getElementsByTagName_r('body')[0];
    var htmlwidth = document.getElementsByTagName_r('html')[0];
    bodywidth.scrollTop!=0?widthbody=bodywidth:widthbody=htmlwidth ;
    widthbody.scrollTop = pageY(document.getElementByIdx_x('mainBodyLineId'));
    //mainBodyLineId div元素的id
    return false;
}