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。如果您有一个 fiddle 您正在尝试运行.

的 JS，那将会更有帮助

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

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

velocity.js 的无限背景动画

infinite background animations with velocity.js

velocity.js