javascript - 如何知道网页中的对象 x 和 y 位置

Question

可能重复：
如何获取元素的顶部位置？

我只是想知道如何知道网页中对象的正确位置。我试图自己解决这个疑问。但我无法解决。在像 AS3 这样的其他语言中，有 x 和 y 属性可以知道位置。但使用 java 脚本或 j 查询，我不知道该怎么做。

这是开始的一点代码：我想知道容器对象的 x 和 y 位置。

$(function(){
  var myObject = $('#container');
  var objectXpos;
  var objectYpos;
});

谢谢，纳雷什库马尔。

Answer 1

您可以采用两种方法，使用offset()或position()：

$(function(){
  var myObject = $('#container'),
      posX = myObject.offset().left,
      posY = myObject.offset().top;
});

或者：

$(function(){
  var myObject = $('#container'),
      posX = myObject.position().left,
      posY = myObject.position().top;
});

区别只是offset()返回元素的左上角相对于page的坐标，而position()返回相对于其偏移父元素的坐标。

参考：

• offset().
• position().

Answer 2

由于您使用的是 jQuery，因此您可以使用：

$(function(){
  var myObject = $('#container'),
      offset = myObject.offset(); //then you can access offset.top and offset.left
});