zoukankan      html  css  js  c++  java
  • 获取控件元素的绝对位置|

    function getElementPos(elementId) {
    var ua = navigator.userAgent.toLowerCase();
    var isOpera = (ua.indexOf('opera') != -1);
    var isIE = (ua.indexOf('msie') != -1 && !isOpera); // not opera spoof
    var el = document.getElementById(elementId);
    if(el.parentNode === null || el.style.display == 'none') {
       return false;
    }     
    var parent = null;
    var pos = [];    
    var box;    
    if(el.getBoundingClientRect) {
    //IE
       box = el.getBoundingClientRect();
       var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
       var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
       return {x:box.left + scrollLeft, y:box.top + scrollTop};
      
    } else if (document.getBoxObjectFor) {
    // gecko
       box = document.getBoxObjectFor(el);
       var borderLeft = (el.style.borderLeftWidth)?parseInt(el.style.borderLeftWidth):0;
       var borderTop = (el.style.borderTopWidth)?parseInt(el.style.borderTopWidth):0;
       pos = [box.x - borderLeft, box.y - borderTop];
      
    } else { // safari & opera
       pos = [el.offsetLeft, el.offsetTop];
       parent = el.offsetParent;    
       if (parent != el) {
        while (parent) {
         pos[0] += parent.offsetLeft;
         pos[1] += parent.offsetTop;
         parent = parent.offsetParent;
        }
       }  
       if (ua.indexOf('opera') != -1 || ( ua.indexOf('safari') != -1 && el.style.position == 'absolute' )) {
        pos[0] -= document.body.offsetLeft;
        pos[1] -= document.body.offsetTop;        
       }   
    }             
    if (el.parentNode) {
       parent = el.parentNode;
    } else {
       parent = null;
    }
    while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML') { // account for any scrolled ancestors
       pos[0] -= parent.scrollLeft;
       pos[1] -= parent.scrollTop;
       if (parent.parentNode) {
        parent = parent.parentNode;
       } else {
        parent = null;
       }
    }
    return {x:pos[0], y:pos[1]};
    }
  • 相关阅读:
    MySQL管理工具-SQLyog 9.63的使用详解
    通讯录管理系统
    Mavenx学习找对方法,快速上手!
    晚风花间寺中人
    PE重装系统,U盘重装系统,一步到位,重装无忧!
    进入博客园的第一篇随笔,贡献给我最喜欢的作家-大冰
    天地有情尽白发,人间无意了沧桑
    狼和羊的故事(安徒生新篇)
    .Net Core CLR GC的浅度分析
    .net core 的夸代扫描标记card_table的细节分析
  • 原文地址:https://www.cnblogs.com/bestsaler/p/1835871.html
Copyright © 2011-2022 走看看