在两个 div 之间移动元素的动画答案

【问题标题】：Animate moving an element between two divs在两个 div 之间移动元素的动画
【发布时间】：2013-05-29 03:18:11
【问题描述】：

我想知道我的选择是从一个 div 中获取一个元素并将其放置在另一个中，从而为过渡设置动画。父母双方都是位置：绝对，元素是相对位置。我有一些想法，没有一个太干净。似乎没有这样做的标准方法，好奇是否有人对实现此行为的最干净方法有任何见解。

我没有当前的实现，但我期待做的是捕获元素的当前物理位置...以某种方式确定新父级中的建议位置，将元素从旧父级中弹出，创建一个新元素在两个 div 之外，这两个点之间的转换（左，上），onComplete 插入到新的父级中。我担心这是我唯一的解决方案。对可能的简化方法有什么想法吗？

【问题讨论】：

【解决方案1】：

使用 jquery .animate。您将为一个大小相同的第三个 div 设置动画，基本上从一个偏移量 x 和 y 到另一个。

让新的 div 保持与您要移动的那个相同的坐标。

然后在您的脚本中获取您要移动到的坐标。带有左侧和顶部不透明度的动画，您可以使其在移动时淡入，然后在回调淡出时。

如果您需要代码，请告诉我。

贾德森

【讨论】：