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

这篇文章主要为大家详细介绍了JS获取元素在页面的绝对位置的简单示例，具有一定的参考价值，可以用来参考一下。

/**
 * 获取元素在页面的绝对位置
 *
 * @param 
 * @arrange （www.idcnote.com）
 **/
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 };
};