【发布时间】：2018-05-03 18:46:00
【问题描述】：
在 Velocity.js 中，动画（在对象上）的默认运行方式是在队列中一个接一个地运行。
您可以使用不同的命名队列或选项{queue: false} 并行运行动画。
这样可以正常工作： https://codepen.io/JonasGruenwald/pen/pdpmVv
但是，一旦您添加了像 {duration: 300}, 这样的持续时间选项，动画将一个接一个地再次运行：https://codepen.io/JonasGruenwald/pen/XzZMYw - 使用命名队列和 {queue: false} 选项。
有没有办法在 Velocity.js 中在同一个对象上并行运行具有（不同）持续时间的动画？ 或者我可以使用某种解决方法吗？我正在尝试编写一个脚本来将动画从基于关键帧的系统转换为速度，因此我正在寻找一种方法来同时为对象的不同属性设置动画。
【问题讨论】：
-
不是吗：
mydiv .velocity({ translateX: 75 },{duration: 300, queue: "a" }) .velocity({ translateY: 75 },{duration: 300, queue: "c" })??? -
为什么不直接
.velocity({ translateX: 75, translateY: 75 }, { duration: 300}) -
@Vanojx1 因为我的用例中 x 和 y 翻译的持续时间可能不同
-
@A.Wolff 这就是解决它！非常感谢！
-
是的，我想我误解了，也感谢您的帮助！
标签： javascript jquery animation svg velocity.js