html - 在 jquery mobile 中导航时出现白色闪烁

Question

我注意到当我在项目中的任何 html 文件之间导航时会出现白色闪烁，除非我导航离开索引文件。我正在使用 JQM，但我没有使用 ajax，因为我正在链接到多页文档。

我已经读到在制作应用程序时使用 JQM 和 Phonegap 的人会发生这种情况，但对于常规桌面网站，我对为什么会发生这种情况感到困惑。任何想法？

Answer 1

尝试这个..

data-position="fixed"如果您正在使用它，请删除页眉和页脚。

然后，将以下 CSS 样式应用于您的页眉、内容和页脚：

.header {
    position : fixed;
    z-index  : 10;
    top      : 0;
    width    : 100%
}
.content {
    padding : 45px 15px
}
.footer {
    position : fixed;
    z-index  : 10;
    bottom   : 0;
    width    : 100%
}

这个想法/片段是从这个问题中 Jasper 的答案（不是 OP 接受的答案）中借来的。我在单页 jQuery Mobile v1.1.0 + Phonegap 应用程序上遇到了闪烁问题，这为我解决了这个问题。也许同样的解决方法也适用于 v1.3 上的多页应用程序。