在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设置为切换，以便手风琴进出视野。

根据alert和news的状态，floater会动画显示错误的位置。

有没有办法在offset()或position()以外的jQuery中获取元素的实际真实当前位置？

Answer 1

您还可以使用原生偏移值：

// pure js

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

// jquery的

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

Answer 2

您可以使用元素的pageX / pageY属性。