动画坐标而不是距离

Question

有没有办法将div动画/滑动到特定的x / y或x坐标？

左：100移动100，而不是X = 100.

我认为锚点会很酷但我似乎无法想象如何说“将此div移动到x = 100然后再移动”，例如将此div移动到x = -200的位置。

Answer 1

你必须计算你想把它移动到哪里......比如

$(selector).animate({ 'left': $(selector).position().left-200 }, 500);

Answer 2

阿。这实际上是一个CSS问题。您的元素应该只使用position: absolute。绝对定位元素时，left和top等属性相对于具有非静态位置的最近祖先的原点（左上角）（即使用默认值以外的其他内容） {1}}）。

当然，绝对定位元素会产生其他后果，例如将其从正常的内容流中移除，并使边距不再崩溃。如果您需要使用相对定位，则需要使用jQuery.position()或jQuery.offset()，并进行一些数学运算以将元素移动到所需位置。