javascript - element.getBoundingClientRect() 在 FF 和 Chrome 中返回错误坐标

Question

我有一个名为“element”的对象。执行刷新后，我想返回表中相同的更新字段。我试图找到该对象的坐标(基本上它是一个表行)。 下面的代码片段在 IE 上运行良好。但在 FF 和 Chrome 中它不起作用。 因为它返回错误的值。

    var x = element.getBoundingClientRect();
    alert(x.top);

如何获得 FF 和 chrome 中的准确坐标？如果通过上面的代码无法实现，是否有其他方法？

谁能解释一下吗？

Answer 1

您似乎没有考虑页面当前的滚动位置。

当您重新加载页面时，大多数浏览器会将您滚动回重新加载之前的位置 ( a pretty useful feature )。

很可能 IE 在滚动到重新加载之前的位置之前正在评估 getBoundingClientRect，而 Chrome 和 Firefox 则首先进行滚动。