3

ページの読み込み後、listview（'refresh'）を実行すると、ページがちらつきます。

したがって、移行後$('#friendsList').append('#{data}').listview('refresh');にちらつきが発生し、ちらつきが発生した後

追加してみました

<style>
/*** for jquerymobile page flicker that was happending ***/
 .ui-page {
    -webkit-backface-visibility: hidden;
 }  
</style>

編集

リストビューを更新すると、リストビュー内のちらつきはわかりますが、ページ全体がちらつくと思いますか？

編集2

リストの高さが>画面の高さの場合、ページがちらつきます。リストの高さ<画面の高さのページがちらつかない場合。

4

2 に答える 2

3

次の場合に、移行中にページがちらつくという上記と同じ問題が発生している場合:

page content height > screen height

これは、JQM が提供するヘッダー/フッターに何らかの関連があります。これを修正するには:

data-position="fixed"1)ヘッダー/フッターからすべてを削除します。

2) 次の CSS を含めて、同じ効果を提供します (ただし、ちらつきはありません)。

.ui-page {
    -webkit-backface-visibility: hidden;
    overflow: hidden;
}
.ui-header {
    position:fixed;
    z-index:10;
    top:0;
    width:100%;
    height: 40px;
}
.ui-content {
    padding-top: 57px;
    padding-bottom: 54px;
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.ui-footer {
    position:fixed;
    z-index:10;
   bottom:0;
   width:100%;
}
于 2012-05-30T03:29:00.640 に答える
0

data-position="fixed" を削除すると機能しますが、それらの属性を保持する必要があります。最後に、ビューポートのメタ タグを変更して修正しました。

<meta name="viewport" content="width=device-width, user-scalable=no" />

これが答えを見つけるリンクです： ページ間を移動するときのちらつき

于 2013-08-07T09:46:31.790 に答える