Question

我使用以下javascript函数来获取元素的absoulte位置

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

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

你能帮我解决这个问题吗？

Answer 1

我建议您从使用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 };
}

getBoundingClientRect()不会将滚动记入帐户，因此您必须对其进行补偿。
可以在<html>上设置边框，因此在不减去其值的情况下，该函数可能会返回相对于文档的错误元素位置。

IE中元素问题的位置？

1 个答案: