javascript - velocity.js 序列转换

Question

我想使用velocity.js 序列和transition.slideUpDown。

如果我以这种方式使用它，它可以工作。$($element).velocity("transition.slideUpDown", 500);

但是，如果我想将它与序列一起使用，我无法让它工作。

elements: $Element,
  properties: {
    translateX: -100 // this works
    //does not work
    transition: {
      slideUpDown: 500
    }
  },
  options: {
    duration: 1000
    loop: 5
  }

有人有想法吗？

谢谢

Answer 1

你在这里混合 API。这"transition.slide*"是一个 UI Pack 效果，其中properties对象需要包含 CSS 属性。

您可以执行以下示例。

在上面的小提琴里面有一个带有翻译调用的序列，然后是转换效果调用。

但是请注意，该loop选项在那里不起作用。