如何使用 jQuery 计算相对定位元素的绝对位置*没有*

How do I calculate the absolute position of a relatively positioned element *without* using jQuery?

本文关键字:位置 没有 元素 jQuery 何使用 计算 相对 定位      更新时间:2023-09-26

我知道很多方法可以用jQuery计算元素的偏移量或位置,但我正在研究一个库,该库将由可能使用或可能不使用jQuery的客户使用,我需要保持它尽可能小。

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

elem.offsetLeft
elem.offsetTop

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

您可以遍历offsetParent链,直到没有更多的父项,将offsetLeftoffsetTop相加以获得相对于整个页面的位置。

看看jquery的代码,看看它是如何计算元素位置的。

请记住,jquery被设计为可以在任何地方工作。