jquery - jquery 获取元素的绝对位置

Question

我有一系列元素设置，如下例所示:

<div id="floater"></div>

<div id="alert"></div> <div id="news"></div> <div id="links"></div>

当links div中的链接单击我使用 jQuery 为 floater 制作动画div 到其位置，以便用户可以轻松引用他们单击的最后一个链接。

但是。 alert设置为淡出并消失 onClick和news设置有一个切换开关，以便它可以在 View 中或在 View 之外移动。

取决于 alert 的状态和news floater将动画到不正确的位置。

除了 offset() 之外，还有其他方法可以获取 jQuery 中元素的实际真实当前位置吗？或position() ？

Answer 1

您还可以使用 native 偏移值:

//纯js

element.offsetLeft
element.offsetTop
element.offsetWidth
element.offsetWidth

//jquery

$(element).attr('offsetLeft');
$(element)[0].offsetLeft;
$(element).get(0).offsetLeft;