無限背景動畫與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，因爲它將允許動畫運行在一個單獨的線程在後臺。如果你做有一些複雜的邏輯，那麼可能沒有選擇。