Javascript 如何知道对象在网页中的x和y位置

可能重复：

我只是想知道如何知道一个物体在网页中的正确位置。我试图自己解决这个疑问。但我无法解决。在其他语言（如AS3）中，有x和y属性用于知道位置。但是使用java脚本或j查询，我不知道如何做到这一点

下面是一些要开始的代码： 我想知道容器对象的x和y位置

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

---

谢谢，naresh kumar。

因为您使用的是jQuery，所以您可以使用：

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

---

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

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

---

您可以采用两种方法，使用

offset（）

或

position（）

：

或：

区别在于

offset（）

返回元素左上角相对于页面的坐标，而

position（）

返回相对于其偏移父元素的坐标

参考资料：

---

您可以采用两种方法，使用

offset（）

或

position（）

：

或：

区别在于

offset（）

返回元素左上角相对于页面的坐标，而

position（）

返回相对于其偏移父元素的坐标

参考资料：

---

好的，工作正常。所以有一种方法兼顾了两个位置。好的，它工作得很好。所以一种方法兼顾了两个位置。两个选项都很好。两种选择都很有效。

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