GSAP と scrollMagic を使用して単純なタイムラインマックスを作成しようとしていますが、次のエラーが発生します。すべてが正しいように見えるので、このエラーを理解していません。
Uncaught TypeError: Cannot read property 'repeat' of undefined
d.to @ TweenMax.min.js:14
(anonymous function) @ app.js:12
12行目は.to("#parallax1 > div", {y: "80%", ease: Linear.easeNone});以下です。
コードは次のとおりです。
// init controller
var controller = new ScrollMagic.Controller({globalSceneOptions: {triggerHook: "onEnter", duration: "200%"}});
// build scenes
// build tween1
var tween1 = new TimelineMax();
tween1.to("#parallax1 > div", {y: "80%", ease: Linear.easeNone});
var scene = new ScrollMagic.Scene({triggerElement: "#parallax1"})
.setTween(tween1)
.addIndicators()
.addTo(controller);
(そのトゥイーンに期間パラメーターがないことは知っていますが、http: //janpaepke.github.io/ScrollMagic/examples/advanced/parallax_sections.html を見ると、setTween に期間パラメーターがなく、単に機能することがわかります大丈夫）。