你如何获得父元素的左侧位置

Question

我尝试过使用position.left它说无效的对象我试过css。（'left'）我真的不知道该怎么做。我想获取父元素的位置，以便我可以设置子元素左侧位置的动画我创建滚动效果。

<div id="MyDiv">
<div>Element 1</div>
<div>Element 2</div></div><div id="Prev">Prev</div><div id="Next">Next</div>

Answer 1

如果你想要获得'MyDiv'的左偏移量，你可以这样做：

$('#MyDiv').offset().left;

这是使用offset()方法：http://api.jquery.com/offset/

Answer 2

$（'＃MyDiv'）。offset（）返回对象位置，这里是示例

var pos = $('#MyDiv').offset();
console.debug(pos.left); //Try this or
console.debug(pos.top);

Answer 3

这里有很好的4行纯Javascript（没有外部库）功能：

http://www.quirksmode.org/js/findpos.html

或者您可以尝试x.offsetLeft

Answer 4

这实际上取决于元素位置的上下文。检查文档以查找要在其中使用的上下文。

我创建了一个简单的例子来说明偏移的引用。以下是我认为可以解决您问题的代码。

$('#MyDiv').offset().left; // Return the pixel number of the elements left position.

这是一个简单的例子，可以帮助你。 http://www.jsfiddle.net/cNQjT/

Answer 5

您可以使用css

的float属性

例如： - $（'＃MyDiv'）。css（'float'，'left'）;