jquery-mobile - jquery移动页面闪烁

Question

页面加载后和执行 listview('refresh') 时页面闪烁。

所以在转换之后会出现闪烁，在 $('#friendsList').append('#{data}').listview('refresh'); 之后我会出现闪烁

尝试添加

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

编辑

刷新 ListView 时，我理解 ListView 内部闪烁，但是否应该使整个页面闪烁？

编辑2

如果列表高度> 屏幕高度页面闪烁。如果列表高度 < 屏幕高度页面不闪烁。

Answer 1

如果有人遇到与上述相同的问题，即在以下情况下页面在转换期间闪烁:

页面内容高度 > 屏幕高度

这在某种程度上与 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%;
}