Мерцание мобильных страниц jquery

после загрузки страницы и при выполнении listview ('refresh') страница мерцает.

Поэтому после перехода получить мерцание и после $('#friendsList').append('#{data}').listview('refresh'); я получаю мерцание

попытался добавить

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

ИЗМЕНИТЬ

При обновлении списка, я понимаю мерцание внутри списка, но предположим ли это, что вся страница мерцает?

EDIT 2

Если высота списка - это высота страницы страницы экрана. Если высота списка < страница высоты экрана не мерцает.

Ответ 1

Если кто-то имеет ту же проблему, что и выше, где страница мерцает во время перехода, когда:

page content height > screen height

Это как-то связано с верхним/нижним колонтитулом, предоставляемым JQM. Чтобы исправить это:

1) Удалите все data-position="fixed" с верхних и нижних колонтитулов.

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%;
}

Ответ 2

Удалите данные-position = "fixed", но я должен сохранить эти атрибуты. Наконец, я исправил метатег изменения вида:

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

Вот ссылка, на которую я нахожу ответ: Мерцание при навигации между страницами