enter cod
我有一个简单的块,假设用translateX向左移动200px.它会向左移动,向左移动.我似乎无法使用translateX或translateY移动块. Transform translate的CSS值可以使用.使用translate的原因是与position相比的性能.我评论了Velocity留下的位置,让你知道我想要实现的目标.
var button = document.getElementById('button');
var adiv = document.getElementById('panel');
button.addEventListener('click',function(){
//Velocity(adiv,{ left: '100' },[ 500,20 ]);
Velocity(adiv,{translateX: 200},20 ]);
})
#panel {
display: block;
position: absolute;
background: #ffffbd;
width: 100px;
height: 100px;
top: 0;
left: 0;
}
button {
top: 90%;
position: relative;
display: block;
}
在这里
最佳答案
在Velocity V2中,不再有任何转换快捷方式,例如translateX – 只需正确使用css转换属性,它就可以工作(不幸的是,在V1中存在试图做到这一点的问题).
速度(adiv,{变换:“translateX(200px)”},[500,20]);
如果没有强制馈送,它将从值0开始动画.