enter cod
我有一个猜想向左移动200像素与平移X简单的块。它会向左移动与位置左边。我似乎无法与平移X或平移Y移动块。对变换翻译将工作的CSS值。理由使用翻译是相对于位置的表现。我注释掉的位置与速度离开给你一个想法是什么，我想要的目的。
var button = document.getElementById('button');
var adiv = document.getElementById('panel');
button.addEventListener('click', function(){
//Velocity(adiv, { left: '100' }, [ 500, 20 ]);
Velocity(adiv, {translateX: 200}, [ 500, 20 ]);
})#panel {
display: block;
position: absolute;
background: #ffffbd;
width: 100px;
height: 100px;
top: 0;
left: 0;
}
button {
top: 90%;
position: relative;
display: block;
}<script src="https://cdn.jsdelivr.net/npm/[email protected]/velocity.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<body>
<div id="topbar"></div>
<div id="panel">
</div>
<button id="button">start</button>
</body>Ë这里
在速度V2不再有任何transform快捷键，比如平移X - 只需使用CSS transform财产得当，它会工作（有问题V1与尝试这样做，很遗憾）。
Velocity(adiv, {transform:"translateX(200px)"}, [ 500, 20 ]);
如果没有forcefeeding它会从0值动画。
速度似乎正在加速与VUE第3版来了。我强烈建议速度2.0文档是一个小更多，更新的信息，例如：
在速度V2不再有任何转换快捷键，比如平移X - 只使用CSS变换正确财产，它会工作（有问题V1与尝试这样做，很遗憾）。速度（ADIV，{变换： “平移X（200像素）”}，[500，20]）;
或接触到VUE队，因为他们仍在使用速度1.x的例子。
简单的例子使用jQuery：
$('.box').on('click', function() {
$(this).velocity({
transform: ["translateX(100px)", "translateX(0px)"]
}, {duration: 1000});
});