javascript - phone gap androidでパネルの開閉時にページがちらつくのを止める方法

Question

Facebookのようなパネルを作成しようとしているので、JQueryモバイルリンクからパネルを使用しようとしまし たが、ヘッダーとフッターの位置を修正してデータアニメーションを無効にしました。パネルが開いているときは ui-panel-wrap-content の位置を固定に適用し、パネルが閉じているときは絶対位置に適用して、ページのコンテンツではなくパネルのみをスクロールできるようにしました。ちらつきを止める方法を誰か教えてください。どんなアイデアでも大歓迎です。前もって感謝します。

Answer 1

次のコードを使用して試すことができます

.ui-page * {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
}

ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page
{
overflow: visible;
}

また、マニフェスト ファイルに次のコードを追加します。

android:hardwareAccelerated="false"

それが役立つことを願っています。

Answer 2

このCSSを追加

.ui-page {
        -webkit-backface-visibility: hidden;
    }

Answer 3

サイド パネルのコンテンツをプリロードできます。これにより、遷移がスムーズになり、パネルの読み込みの遅延がなくなります。これは、白い背景が表示されないことを意味します。

プリロードを実行するために必要なコードを後で更新します。