美文网首页
页面任意元素距离body的距离

页面任意元素距离body的距离

作者: 青城墨阕 | 来源:发表于2020-05-12 19:32 被阅读0次
offSet(curEle) {
    let totalLeft = null;
    let totalTop = null;
    let par = curEle.offsetParent;
    // 首先把自己本身的相加
    totalLeft += curEle.offsetLeft;
    totalTop += curEle.offsetTop;
    // 现在开始一级一级往上查找,只要没有遇到body,我们就把父级参照物的边框和偏移相加
    while (par && par.className !== 'item-right') {
        if (navigator.userAgent.indexOf("MSIE 8.0") === -1) {
            // 不是IE8我们才进行累加父级参照物的边框
            totalTop += par.clientTop;
            totalLeft += par.clientLeft;
        }
        // 把父级参照物的偏移相加
        totalTop += par.offsetTop;
        totalLeft += par.offsetLeft;
        par = par.offsetParent;
    }
    return {left: totalLeft, top: totalTop};
    // 返回一个数组,方便我们使用哦。
}

// 调用
let currEle = document.getElementById('id');
this. offSet(currEle);

相关文章

网友评论

      本文标题:页面任意元素距离body的距离

      本文链接:https://www.haomeiwen.com/subject/wsyinhtx.html