使用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 的小提琴会更有帮助。

其次，你有一个语法错误，在start()之后多了一个}。

最后，除非您在 progress 中运行复杂的逻辑，否则我建议使用 @keyframes 执行此操作，因为它允许动画在后台的单独线程中运行。如果您确实有一些复杂的逻辑，那么可能别无选择。