JS获取元素在页面的绝对位置的简单示例

前端之家收集整理的这篇文章主要介绍了JS获取元素在页面的绝对位置的简单示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。
JS代码如下:

/**
 * 获取元素在页面的绝对位置
 *
 * @param 
 * @arrange (512.笔记) jb51.cc
 **/
var getCoords = function (el) {
    var Box = el.getBoundingClientRect(),        doc = el.ownerDocument,        body = doc.body,        html = doc.documentElement,        clientTop = html.clientTop || body.clientTop || 0,        clientLeft = html.clientLeft || body.clientLeft || 0,        top = Box.top + (self.pageYOffset || html.scrollTop || body.scrollTop) - clientTop,        left = Box.left + (self.pageXOffset || html.scrollLeft || body.scrollLeft) - clientLeft;
    return { 'top': top,'left': left };
};

// 来自:编程之家 jb51.cc(jb51.cc)
其中self.pageYOffset为window.self.pageYOffset,是火狐的一个属性,相当于document.body.scrollTop。以下是它的定义:

猜你在找的JavaScript相关文章