如何获取HTML元素的“绝对”位置

Question

我通过CSS定位了一些元素，方式如下：

#myItem{
position: absolute;
left: 50%;
margin-left: -350px;
}

我想获取页面上元素距离顶部和左侧边缘的距离。如何使用JavaScript/jQuery获取这些测量值？

谢谢。

- ArtoAle

Answer 1

看一下jQuery的

.position()

和

.offset()

编辑：如@Nick所述，如果您需要相对于文档的位置，则.offset()是您想要的。

$("#myItem").offset().top;

- fehays

---

.position() 不适用于此，它是相对于偏移父元素而不是页面的，这与 OP 所需的不同。 - Nick Craver

@Nick，确实。谢谢你指出来。我仍然想告诉发帖人两种方法。 - fehays

Answer 2

您可以使用 .offset() 方法来实现此功能：

var offset = $("#myItem").offset();
//use offset.left, offset.top

You can give it a try here.

- Nick Craver