トランジション遷移つきシングルページについてのご相談

Question

良い方法あったらおしえてー。
良い方法あったらおしえてー。
良い方法あったらおしえてー。

Answer 1

自分で実装した事は無いですけど、自分に仕事が振られたとしたらアニメーションは0〜1の範囲で管理出来るように作り(※1の時に100%アニメーションが終わった状態)。戻るボタンが押された時には1の状態のアニメーションを表示して随時遷移とかですかね。

そもそも許されるならフェードアウト/フェードインだけで済ましてしまうかもしれませんけど(^_^;)

Comments

[kaminaly]

つまり、現状のトランジションを中止して、終了予定の状態にリセットして、そこからまたトランジションを開始するということですね。

イレギュラー用のトランジションを用意するというのもありかもしれませんね。
それこそ、フェードアウト/フェードインのような万能なやつを。

トランジションの考え方もシーケンスを積み重ねていくような考え方と、
0〜1のタイムラインに乗せるような考え方と、
そのハイブリッドでシーケンスで積み重ねたもの全体を1としてタイムエキスパンドとか色々ですね。
プログラムで計算した結果をそのまま指定してた頃は良かったけど、CSS3アニメーション（トランジション）も多用する昨今、その辺りのコントロールも少し難しくなってますね。

Answer 2

このタイトルがteratailとの連携を狙ったかのよう。。。笑