将DOM元素移动到任意位置而不改变DOM？

Question

是否可以将元素移动到变量中的位置而不更改DOM中的值？

例如，如果我使用div来表示巡逻警卫单位，我可以告诉它在哪里移动而不必强制重建整个DOM树吗？

Answer 1

事实证明我误解了回流以及可能导致回流的原因;我认为设置 top 或 left 属性会导致重排，但我已经调查过，发现他们不会。

所以，回答我的问题：在网页上将div从一个位置移动到另一个位置（任意位置），你可以：

1. 在CSS中为该对象创建转换（格式为：转换：attributeToActOn lengthOfTimeToTake ，因此，为了移动我的div，我使用 top 和 left
2. 更改您在转换中引用的属性以反映您所需的新位置（并记住它将完全采用您定义的 lengthOfTime ）。

您的元素将优雅地从旧位置移动到新位置     之一。

这些过渡可以变得更加自然。通过使用cubic-bezier（或类似）函数进行计时。