スーパースクロールラマを使用して、スクロール時にフェードインおよびフェードアウト効果を取得しようとしていますが、フェードインを表示する前にフェードアウトアニメーションに進むようです....
これが私のコードです
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 に設定する必要がありますか?)
これで、フェードアウトにちょうど入ります。