javascript - 使用javascript，如何获取元素的位置

Question

如标题所说，如何获取元素相对于它们在网页中的位置以及它们的定位方案(如绝对、相对等)的 x、y 位置。

Answer 1

在现代浏览器中，getBoundingClientRect 和 getClientRects 将为您提供描述元素的矩形对象。参见 https://developer.mozilla.org/en/DOM/element.getBoundingClientRect和 https://developer.mozilla.org/en/DOM/element.getClientRects

如果您必须使用 IE8，那么您必须在不同的浏览器中执行不同的操作才能获得正确的答案(例如，对象检测 getBoundingClientRect 并在不存在时回退到其他方法)。

jQuery offset() 计算和 Quirksmode findPos 将在任何进行子像素定位的浏览器(例如 Firefox 或 IE9)中给出错误的答案，因为它们会舍入回答整数个像素。取决于你在做什么，这可能会或可能不会。