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包效果，因为properties对象需要包含CSS属性。

你可以做下面的例子。

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

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