velocity.js序列转换

Question

我想使用transition.slideUpDown来使用velocity.js序列.

如果我以这种方式使用它,它的工作原理.$($ 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选项在那里不起作用.