javascript - TimelineMax JavaScript オブジェクトをリセットする簡単な方法はありますか?

Question

TimelineMax シー​​ケンスの再初期化に問題があります。ウィンドウのサイズが変更されたら、すべてのトゥイーンをデフォルト スタイルに戻し、新しいウィンドウ サイズに基づいて再初期化する必要があります。すべての CSS プロパティを手動でリセットせずに、タイムラインを効果的に破棄して新たに開始する簡単な方法はありますか?

Answer 1

達成しようとしていることに応じて、2 つの方法を提案できます。

1つ目は、あなたが説明しているとおりです：

myTimeline.pause(0, true); //Go back to the start (true is to suppress events)
myTimeline.remove();

これにより、すべてがタイムラインの開始時の状態に戻ります。を呼び出すことによって、初期化プロパティを削除することもできます.invalidate()。

2番目の方法は、考える価値があるかもしれないので追加しています...
トゥイーン/タイムラインを完全に再起動するのではなく、.invalidate()(アイテムはそのままの場所にとどまり、タイムライン自体がクリアされるだけです)、トゥイーン方法を使用するの.to()ではなく.from()、すべてが完全に再起動するのではなく、以前の位置から新しい位置に移動すると、より優れたユーザー エクスペリエンスが得られるためです。

また、大多数のユーザーはウィンドウのサイズを変更しません。それで、それが主要な時間の消費者になった場合、それだけの価値があるかどうかを考えてください.

API/ドキュメント: http://api.greensock.com/js/