javascript – Velocity JS翻译不起作用

前端之家收集整理的这篇文章主要介绍了javascript – Velocity JS翻译不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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;
}

猜你在找的jQuery相关文章