javascript - 如何使用 jQuery *不*计算相对定位元素的绝对位置？

Question

我知道很多方法来使用 jQuery 计算元素的偏移或位置，但我正在开发一个库，该库将由可能使用或不使用 jQuery 的客户使用，并且我需要将其保持为小到有可能。

是否有一个轻量级库或某个地方的示例与 jQuery 的 offset() 函数的工作方式相同？

Answer 1

elem.offsetLeft
elem.offsetTop

这两个属性告诉您元素elem相对于其offsetParent的位置。元素的 offsetParent 通常是一个带有 position:relative 的容器、一个表格或文档本身(或者其他一些我不记得的东西)。

您可以循环遍历 offsetParent 链，直到不再有父级为止，将 offsetLeft 和 offsetTop 添加在一起以获得相对于整个页面。