首页 >> 技术文章 >> 详细内容
如何动态获取div的坐标?

//el 节点对象

function getel(el){
     var _t=0;
     var _l=0;
  if (document.documentElement.getBoundingClientRect){
            var box = el.getBoundingClientRect();
   var oDoc = el.ownerDocument;
   //alert(navigator.appVersion);
   if(navigator.userAgent.indexOf("MSIE 6.0") >= 0)
   {
   _t = box.top  -2+ getScrollTop(oDoc);
   _l = box.left  -2+ getScrollLeft(oDoc);
   }else
   {
   _t = box.top  + getScrollTop(oDoc);
   _l = box.left  + getScrollLeft(oDoc);
   }
  }else{
      while (el.offsetParent) {
          _t += el.offsetTop;
          _l += el.offsetLeft;
          el = el.offsetParent;
      }
  }
     return {top:_t,left:_l};
}

function getScrollTop(doc){
        doc = doc || document;
        return Math.max(doc.documentElement.scrollTop, doc.body.scrollTop);
}
function getScrollLeft(doc){
        doc = doc || document;
        return Math.max(doc.documentElement.scrollLeft, doc.body.scrollLeft);
}

兼容IE6/IE7/FF浏览器

 

发布者:admin 发布时间:2010/6/9 阅读:4658

Baidu
Copyright © 2002-2021 467.Cn All rights reserved    南京华昊网络技术有限公司    版权所有
备案序号:苏ICP备13052121号    ISP经营许可证:苏B2-20080166    ICP/SP经营许可证:苏B2-20130350      苏公网安备 32011102010099号
地址:南京市江北新区大桥北路77号电信大楼5楼    电话:025-58633651(8线)  13913852884  传真:025-58497310    E-mail:467cn@163.com    邮编:210032
网址:Www.467.Cn    QQ在线支持:点击这里给我发消息 点击这里给我发消息