Velocity.js 运行 个具有并行持续时间的动画
Velocity.js run animations with duration in parallel
在 Velocity.js 中,动画(在对象上)的默认方式是 运行 一个接一个地排在队列中。
您可以 运行 通过使用不同的命名队列或选项 {queue: false}
.
并行动画
这可以正常工作:
https://codepen.io/JonasGruenwald/pen/pdpmVv
但是一旦你添加了像 {duration: 300},
这样的持续时间选项,动画将再次 运行 一个接一个:https://codepen.io/JonasGruenwald/pen/XzZMYw - 都带有命名队列和 {queue: false}
选项。
有没有办法在 Velocity.js 中并行地在同一对象上 运行 具有(不同)持续时间的动画?
或者我可以使用某种解决方法吗?我正在尝试编写一个脚本来将动画从基于关键帧的系统转换为速度,因此我正在寻找一种方法来同时为彼此独立的对象的不同属性设置动画。
A. Wolff 在评论中回答,我在传递两个带有选项而不是一个的对象时出错,使用 {duration: 300, queue: "a" }
而不是 {duration: 300}, { queue: "a" }
可以正常工作
在 Velocity.js 中,动画(在对象上)的默认方式是 运行 一个接一个地排在队列中。
您可以 运行 通过使用不同的命名队列或选项 {queue: false}
.
这可以正常工作: https://codepen.io/JonasGruenwald/pen/pdpmVv
但是一旦你添加了像 {duration: 300},
这样的持续时间选项,动画将再次 运行 一个接一个:https://codepen.io/JonasGruenwald/pen/XzZMYw - 都带有命名队列和 {queue: false}
选项。
有没有办法在 Velocity.js 中并行地在同一对象上 运行 具有(不同)持续时间的动画? 或者我可以使用某种解决方法吗?我正在尝试编写一个脚本来将动画从基于关键帧的系统转换为速度,因此我正在寻找一种方法来同时为彼此独立的对象的不同属性设置动画。
A. Wolff 在评论中回答,我在传递两个带有选项而不是一个的对象时出错,使用 {duration: 300, queue: "a" }
而不是 {duration: 300}, { queue: "a" }