Question

我正在使用Velocity.js为我网站上的不同内容制作动画。

我可以将slideDown / slideUp动画设置为我的元素，但我想将它与缩放动画结合起来。

示例：

$('#myelement').velocity({scale: 0});
$('#myelement').velocity('slideUp');

CODEPEN

我真的不知道如何将这两个动画连接起来同时进行。

Answer 1

我在 Velocity.js documentation 中找到了queue选项。

您可以将queue设置为false以强制新动画调用立即与任何当前活动的动画并行运行。

$('#trigger').click(function() {
  $('#myelement').velocity({
    scale: 0
  }, {
    queue: false
  });
  $('#myelement').velocity('slideUp');
});