javascript - Velocity.js 并行运行具有持续时间的动画

标签 javascript jquery animation svg velocity.js

在 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"} 而不是可以正常工作{持续时间:300},{队列:“a”}

关于javascript - Velocity.js 并行运行具有持续时间的动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47393873/

相关文章:

javascript - 从 1 而不是 0 开始线性刻度 (D3.js)

javascript - 当我单击按钮时,它仅在第一个单击时在输出 div 'mouse_move' 上显示带有 jQ​​uery ajax 的图像,但在另一次单击时不显示相同的图像

javascript - jQuery:从 json 读取数据?

javascript - HTML 最初调整图像大小并更改位置

css - 使用 CSS 自动滚动

javascript - 使用 IDE 工具创建网站并在 Web 服务器上进行测试

javascript - 取出图片标签 alt :missing. "image tag without an alt id is prefered and not showing missing"

r - gganimate 0.9.9.9 中的累积图

Android:ViewPropertyAnimator 枢轴

javascript - $digest 错误,没有模型更改