翻译后，将html元素转回原来的位置

Question

我正在使用

document.getElementById('Droping1').style['-webkit-transform'] = translate(0px,'+Ground+'px)';

移动html对象。

我应该如何将它发回原来重复使用的地方。 我不希望用户看到翻译。

我的解决方案是：

document.getElementById(event.data.name).style['-webkit-transition'] = '0s';    
document.getElementById(event.data.name).style['-webkit-transform'] = 'translate(0px)';

有更好的解决方案吗？

谢谢

Answer 1

首先将当前style['-webkit-transform']值保存在临时变量中，然后在翻译后将其分配回style['-webkit-transform']，如下所示：

var temp = document.getElementById('Droping1').style['-webkit-transform'];
document.getElementById('Droping1').style['-webkit-transform'] = translate(0px,'+Ground+'px)';

后：

document.getElementById('Droping1').style['-webkit-transform'] = temp;

为了不向客户展示原始位置的翻译，您应该在-webkit-transition-duration之前将0s属性设置为document.getElementById('Droping1').style['-webkit-transform'] = temp;，以便在眨眼间就像您使用JS更改-webkit-transform属性。