運行功能在superscrollorama視差效應的中間

我使用superscrollorama，需要動畫播放一次，然後在視差過程中不再播放。我可以創建一個功能來播放動畫，但它看起來好像只會在完成視差時才起作用。任何想法或想法都會有所幫助。運行功能在superscrollorama視差效應的中間

 controller.addTween('.div', (new TimelineLite()).append([ 
       TweenMax.from($('.div .hero'), 1, 
       {css:{left:'1500', top:'-200'}, ease:Quad.easeInOut}), 
       TweenMax.fromTo($('.div .background'), 1, 
       {css:{left: -40}, immediateRender:true}, 
       {css:{left: -45}}) 
      ]), 
      100 // scroll duration of tween 
     ); 

     var oneTime = function(!firstime) { 
      var firstime; 
      TweenMax.from($('.football'), .50, { 
       css:{left:'1500', top:'-300'}, ease:Quad.easeInOut}) 
      ), 500, 500 ; 
     }

來源

2013-01-17 Zach Shallbetter

從我的頭頂，TweenMax有這將每一次的屬性之一是有效的火法的onUpdate，你甚至可以補間的任何非標準的特性，所以用的是，你可以只調用你的函數，對證的值，並觸發一次性功能時，它解析爲真，並永遠不會再這樣做..

這將是這個樣子：

TweenMax.fromTo($('.div .background'), 1, 
      {css:{left: -40}, immediateRender:true}, 
      {css:{left: -45}, onUpdate:oneTime,onUpdateParams: $(this).css('left')})

它是否幫助你這樣？

來源

2013-04-30 15:23:03 elQueFaltaba

運行功能在superscrollorama視差效應的中間

回答

相關問題