我在用
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)';
有没有更好的解决方案？
谢谢
最佳答案
首先将当前的 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;
为了不向客户端显示原始位置的翻译，您应该在 document.getElementById(' Droping1').style['-webkit-transform'] = temp; 以便在眨眼之间发生，就像您使用 JS 更改 -webkit-transform 属性的方式一样.
关于javascript - 翻译后将 html 元素返回到其原始位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14173047/