2015-05-14 89 views
0

我試圖實現從第一個例子這裏的代碼:不能得到ScrollMagic parralax吐溫工作

http://janpaepke.github.io/ScrollMagic/examples/advanced/parallax_scrolling.html

以下吐溫的作品(但馬上補間)...

var tween = new TimelineMax().add([ 
     TweenMax.to('#test',1,{top:"50%",ease:Linear.easeNone}) 
    ]); 

當我添加以下代碼...

var scene = new ScrollMagic.Scene({ 
    triggerElement:'#test' , 
    duration:500 
}) 
    .setTween(tween) 
    .addTo(controller); 

我得到下面的錯誤:

Uncaught TypeError: (intermediate value).setTween is not a function

我快要瘋了試圖弄清楚這一點。我究竟做錯了什麼?

回答

14

回答我自己的問題,因爲這個東西的文檔是稀疏的。

您需要包括

http://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.js

使scrollmagic工作,GSAP

提示:請務必後ScrollMagic.js腳本標籤

+1

正確添加它。順便說一下:如果您使用未壓縮版本而不是縮小版本,ScrollMagic甚至會通知您。在開發過程中始終使用未壓縮的版本。 –

+0

這裏是縮小版本:'http:// cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.min.js' –