0

1 つの大きなコンテナー コンポーネントが一方の側からスライドインし、もう一方のコンポーネントがもう一方の側にスライドするビュー トランジションを容易にしようとしています。

私はすべての個別のアニメーションを反応モーションで問題なく動作させることができますが、両方を同時に処理する方法について途方に暮れています。

基本的に、両方のコンポーネントがビューポートに同時に存在するポイントがあります。問題を適切に処理するには、CSS レイアウトに関する私の知識が不十分であるように感じます。

私の最初のアイデアは、相対的に配置されたコンテナ内にスライド要素を絶対的に配置することです。ただし、この絶対配置には、絶対配置コンテナー内に含まれるすべてのコンポーネントに関して副作用があります。

これは解決された問題です (iOS のビューは常に前後にスライドし、ビュー ポートにポップしたときにレイアウトの動作を維持します)。

誰かがこの問題を理解するための良いリソースを教えてくれたり、一般的なアドバイスをくれたりしてくれれば幸いです。私の主な問題は、調査すべきトピックや、この種の問題の解決策を説明するのに適した書籍やオンライン リソースがわからないことです。

4

1 に答える 1