0

我正在使用以下 javascript 函数来获取元素的绝对位置

function findPos(obj) {
  var curleft = 0;
  if (obj.offsetParent) {
      while (1) {
          curleft += obj.offsetLeft;
          if (!obj.offsetParent) {
              break;
          }
          obj = obj.offsetParent;
      }
  }
}

该功能在除 IE 之外的所有浏览器中都可以正常工作。在 IE 中，它在全屏下也可以正常工作，但是当调整浏览器大小时，此方法会返回不正确的偏移量。

你能帮我解决这个问题吗

4

1 回答 1

2

我建议您从使用功能切换offsetParent/Top/Left到使用getBoundingClientRect()功能（略微增强）。它应该更高效，因为您不必遍历 DOM，它应该跨浏览器返回正确的结果。

您的 findPos 函数如下所示：

function findPos(obj) {
    var gbcr = obj.getBoundingClientRect(),
        dE = document.documentElement,
        b = document.body,
        scrollY = window.pageYOffset || dE.scrollTop || b.scrollTop, /* 1 */
        scrollX = window.pageXOffset || dE.scrollLeft || b.scrollLeft, /* 1 */
        top = gbcr.top + scrollY - dE.clientTop, /* 2 */
        left = gbcr.left + scrollX - dE.clientLeft; /* 2 */

    return { top: top, left: left };
}
  1. getBoundingClientRect()不考虑滚动，所以你必须补偿。
  2. 可以在 上设置边框<html>，因此如果不减去它的值，该函数可能会返回相对于文档的不正确元素位置。
于 2013-08-02T08:34:52.440 回答