jquery .position().top 和 javascript .offsetTop 做同样的事情吗？答案

【问题标题】：Do jquery .position().top and javascript .offsetTop do the same thing?jquery .position().top 和 javascript .offsetTop 做同样的事情吗？
【发布时间】：2014-12-11 16:29:35
【问题描述】：

我很清楚 jquery 中 .offset() 和 .position() 之间的区别（如 here 所述），但是我对这些映射到 javascript 函数的方式感到困惑。基于this 文章，javascript 中的.offsetTop 似乎与 jquery 中的.position().top 做同样的事情。真的吗？如果是这样，你如何在javascript中获得.offset()的行为？如果不是，你如何获得.position()的行为？

谢谢！

【问题讨论】：

你可能会觉得很有趣james.padolsey.com/jquery/#v=git&fn=jQuery.fn.position
如果有人想要source，请从第 109 行开始快速参考
感谢@dfsq 和@LcLk！根据此源代码，.position().top 的等效项似乎是 elem.offsetTop - elem.parentOffset.offsetTop。对吗？

标签： javascript jquery position parent-child offset

【解决方案1】：

jQuery 中的.position().top 等价于javascript 中的.offsetTop。

问题中引用的两篇文章都是准确的。

请记住，正如.offsetTop 上的文章中所述，如果您想要相对于直接父元素的偏移量，则必须在该元素上设置position 属性。

我仍然对这个命名方案感到困惑，我不确定如何在 javascript 中获取 jQuery .offset() 的行为。

【讨论】：