CSS3 アニメーションは、モバイル サファリで進行中の問題であり、解決策を探しましたが、私の状況に特有のものを見つけることができませんでした。
ここに私のセットアップがあります: 私は 3 つのページを持っています。フェード効果は、シミュレーターとデバイスでうまく機能しています
ここで、ページの 1 つに、ボタンのクリックで起動される別の CSS3 アニメーションを追加しました。私は基本的に -webkit-animation-name: anim; を追加する css クラスを持っています。要素に。アニメーションは正常に機能しますが、そのページから別のページに突然移動すると、機能が非常に不安定/遅く/貧弱なフェード アニメーションになります。
ボタンをクリックしてアニメーションを開始する必要さえありません。すべての css スタイルを含めるだけで、ページのフェードが非常に遅くなります。アニメーション関連のスタイルをすべて削除すると、フェードは再びスムーズに機能します...
私はすでにすべての通常のことを試し、translate3d(0,0,0)、-webkit-perspective、または -webkit-backface-visibility を追加しました。ページに別のアニメーションの css があると、まったく効果がなく、フェード アニメーションが非常に遅くなります。
なぜそれができるのかについてのアイデアはありますか？
みんなありがとう！ヘルプは大歓迎です!