教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js 获取元素相对于页面的坐标(示例)

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

发布时间:2015-04-16   编辑:jiaochengji.com
分享一例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;
}

您可能感兴趣的文章:
js 获取元素相对于页面的坐标(示例)
JS 获取元素坐标的小例子
C# 获取鼠标相对当前窗口坐标的方法
js获取控件位置的方法
jquery获得页面元素的坐标值实现思路及代码
JS获取与设置元素属性方法详解
JS获取屏幕、浏览器窗口大小、网页高度宽度的方法详解
jquery获得页面元素坐标值实例分享
jquery sortable的拖动方法示例详解
js 获取浏览器与屏幕宽高信息

关键词: 元素坐标   
[关闭]
~ ~