velocity.js - 使用velocity.js 的无限背景动画

Question

如何使用velocity.js 实现无限的背景图像滚动？我说的是这样的：http:
//jsfiddle.net/UHgF8/5/

这可以通过关键帧轻松完成，但是通过速度，我得到了每个间隔的步骤（进度）部分的堆栈。

  function start(){
      Velocity(elm, {'background-position-y': [-200, 0]},{
         duration: 4000,
         delay: 0,
         progress:function(x,y){
           debugger
         },
         complete: start

         })
       }
     start()
  }

谢谢

Answer 1

对于初学者，请尝试更改'background-position-y'为backgroundPositionY. 如果你有一个你试图运行的 JS 的小提琴会更有帮助。

其次，你有一个语法错误，一个额外的}after start()。

最后，除非你有复杂的逻辑要在里面运行，否则progress我建议这样做，@keyframes因为它将允许动画在后台的单独线程中运行。如果您确实有一些复杂的逻辑，那么可能别无选择。