小さなセットアップ、2 つの html ファイル、1 つの JavaScript がインストールされています (http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/)。
2 つの html ファイルには、高さと幅が 100% の div と 1 つのリンクがあります (各リンクは、遷移を開始するために他の html ファイルを指しています)。
スクリプトは、開始が開始されると、d1 と d2 の 2 つの div を作成するように見えます。d1 は現在の本文のコンテンツに設定され、d2 はターゲットの html ファイルのコンテンツに設定されます。次に、CSS は 2 つの div を遷移させてスライド効果が発生するようにし、最後に JavaScript が d2 コンテンツを取得して body コンテンツに設定してから、2 つの新しい div を削除します。
問題は、cssトランジションが始まると、フォントがわずかに変化することです（文字が少し大きくなります。少し言うと、ほんの少しですが目立ちます）。移行が完了すると、フォントは通常の状態に戻ります。これが作成するのは、フォントの「ジャンピー」感です。移行が開始されると、このフォント ジャンプが発生し、元のサイズに戻ります。
iOSよりもAndroidで多く発生します。
私は Phonegap を使用してアプリを実行しているので、Web ブラウザーは Webkit、Cordova であると思います。
ご協力いただきありがとうございます！！！誰かがこれを修正するのを手伝ってくれることを本当に願っています。
リンクにトランジション効果を設定して、3D 設定などのフォントの変更を停止しようとしましたが、私の調査では、これらのアイテムをハードウェア レイヤーに配置して、ぼやけないようにすることについて多くの人が言っていることがわかりました。
ありがとう！