Question

页面加载后和列表视图（'刷新'）时，页面闪烁。

因此转换后闪烁，$('#friendsList').append('#{data}').listview('refresh');后闪烁

尝试添加

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

修改

刷新列表视图时，我理解列表视图中的闪烁，但它是否会使整个页面闪烁？

编辑2

如果列表高度为>屏幕高度页面闪烁。如果列表高度＆lt;屏幕高度页面不闪烁。

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

Answer 2

删除data-position =“fixed”有效，但我必须保留这些属性。最后我修改了view view meta标签：

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

以下是我找到答案的链接： Flickering when navigating between pages

jquery移动页面闪烁

修改

编辑2

2 个答案: