我已阅读offsetLeft和offsetTop在所有浏览器中均无法正常工作。 jQuery.offset()应该为此提供一个抽象，以提供正确的值xbrowser。

我想做的是获取相对于元素左上角单击元素的位置的坐标。

问题是jQuery.offset().top实际上是在FFX 3.6中给我一个十进制值(在IE和Chrome中，这两个值匹配)。

这个小提琴展示了这个问题。 如果单击底部图像，则jQuery.offset().top返回327.5，但是offsetTop返回328。

我想认为offset()返回正确的值，我应该使用它，因为它可以在浏览器中使用。 但是，人们显然不能单击像素的小数位。 确定jQuery返回的实际偏移量为Math.round()的正确方法是正确的吗？ 我应该使用offsetTop还是完全使用其他方法？

这是jQuery API Doc关于.offset()的内容：

Get the current coordinates of the first element, or set the
coordinates of every element, in the set of matched elements, relative
to the document.

这是MDN Web API关于.offsetTop的内容：

offsetTop returns the distance of the current element relative to the
top of the offsetParent node

这是jQuery v.1.11 .offset()在获得坐标时的基本操作：

• pageYOffset直观地说页面滚动了多少
• docElem.scrollTop是备用fo <9(jQuery 2不支持BTW)
• docElem.clientTop是元素(在本例中为文档)顶部边框的宽度
• elem.getBoundingClientRect()获取相对于 document 视口的坐标(请参见注释)。它可能返回分数值，因此这是您的错误的来源。缩放页面时，它也可能会导致i <8的错误。为了避免分数值，请尝试迭代计算位置

结论

• 如果要相对于父节点的坐标，请使用element.offsetTop。如果要考虑父滚动，请添加element.scrollTop。 (如果您是该库的粉丝，请使用jQuery .position())
• 如果要相对于视口的坐标，请使用element.getBoundingClientRect().top。如果要考虑文档滚动，请添加window.pageYOffset。如果文档没有边框(通常没有边框)，则无需减去文档的clientTop，因此您具有相对于文档的位置
• 如果您不将元素边框视为元素的一部分，则减去element.clientTop

我认为您说的是人们不能点击半个像素是正确的，所以就我个人而言，我将使用四舍五入的jQuery偏移量...

试试这个?wyn>>parseInt(jQuery.offset().top, 1e>

使?wyn>de>作为度量单位de>中的相?wyn>>font-sode>)?wyn>>ocode>可能是非整数。

我还假设，?wyn/code>不?wy时?wynt可能不是整数，但这取决于浏览器如何处理缩放。

您可以使?wyn>>parseInt(jQuery.offsp)在所有浏览器中始终使用Integer(原始nt)值。