0

スーパースクロールラマを使用して、スクロール時にフェードインおよびフェードアウト効果を取得しようとしていますが、フェードインを表示する前にフェードアウトアニメーションに進むようです....

これが私のコードです

    controller.addTween('.main', 
    (new TimelineLite())
        .append([
            TweenMax.from($('.fade'), 1, 
                {css:{opacity: 0}})
        ]),0,1200
        .append([
            TweenMax.from($('.fade'), 1, 
                {css:{opacity: 1}})
            ]),0,400
);

ご覧のとおり、フェードインに対して 1200 ピクセルのオフセット タイミングを作成し、アニメーションに対して即時持続時間を 0 にしました。フェードアウトの長さは同じですが、オフセットは 400 です (フェードインのオフセットを考慮して、1600 に設定する必要がありますか?)

これで、フェードアウトにちょうど入ります。

4

1 に答える 1