JQuery для мобильных страниц мерцание - PullRequest
Новая
       8

JQuery для мобильных страниц мерцание

3 голосов
/ 04 августа 2011

после загрузки страницы и при просмотре списка («обновить») страница мерцает.

Таким образом, после перехода появляется мерцание, а после $('#friendsList').append('#{data}').listview('refresh'); появляется мерцание

при попытке добавления 

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

РЕДАКТИРОВАТЬ

При обновлении просмотра списка я понимаю мерцание внутри списка, но предполагается ли, что вся страница будет мерцать?? 1011 *

РЕДАКТИРОВАТЬ 2

Если высота списка> высота экрана мерцает.Если высота списка <высота экрана, страница не мигает.</p>

Ответы [ 2 ]

3 голосов
/ 30 мая 2012

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

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%;
}
0 голосов
/ 07 августа 2013

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

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

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

...