使用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执行此操作，因为它允许动画在后台的单独线程中运行。如果你做有一些复杂的逻辑，那么可能别无选择。