jquery - スクロールマジック トゥイーン アニメーション

Question

以前は superscrollorama を使用していましたが、scrollmagic を使い始めましたが、いくつかの div を適切にアニメーション化することができません。最初の 2 つの div は問題ありませんが、下にスクロールすると最後の 2 つがアニメーションしません。また、2 番目の div に少しオフセットを追加したいのですが、方法がわかりません。構文が Superscrollorama とは少し異なります。

var controller;
    $(document).ready(function($) {
        // init controller
        controller = new ScrollMagic();
    });

$(document).ready(function($) {
        // build tween
        var tween =  new TimelineMax ()
            .add([
                TweenMax.from(".biopic", 0.5, {top: '150',opacity:0}),
                TweenMax.from(".title", 0.5, {left: '150',opacity:0}),
                TweenMax.from(".gallery-wrap", 0.5, {top: '150',opacity:0}),
                TweenMax.from(".title2", 0.5, {right: '150',opacity:0}),
            ]);

        // build scene
        var scene = new ScrollScene({triggerHook: "onEnter", offset: 150 })
                        .setTween(tween)
                        .addTo(controller);
    });