javascript - 如何使用css3 translate移动到绝对位置

Question

我将如何使用 css3 转换为绝对位置。它似乎总是相对于我的当前位置(我的当前位置为 0,0)进行平移，但我宁愿它相对于屏幕进行平移，以便屏幕的左上部分为 0,0。

http://jsbin.com/qujabe/1/edit

例如，我希望能够使用绿色框的 offset() 位置将红色框(单击时)移动到绿色框上。 (注意:我想用 css3 翻译而不是左/顶绝对坐标来做到这一点)

Answer 1

在这里，在你的函数“flyToBox2()”之前添加这个

var myVarW = $("#box1").offset().left;
var myVarH = $("#box1").offset().top;

和改变

translate('#box1',30,30, '1s');

到

translate('#box1',-myVarW+30,-myVarH+30, '1s');

不幸的是 jsfiddle 目前已关闭，否则我也会包含一个指向 fiddle 的链接