PhoneGap + jQuery Mobile 令人讨厌的过渡之间的闪烁

Question

希望你没事。

所以，问题是，我正在使用 jQuery Mobile 编写一个 PhoneGap 应用程序。

jQuery Mobile 版本为：jquery.mobile-1.4.0。

我正在使用几种方法在位于同一文件中的视图之间进行转换，而不是在单独的 html 文件中，如下所示：

<div data-role="page" id="preload">

<div data-role="page" id="noConnection">

<div data-role="page" id="intro">

...等等。

当前视口元标记是这个：

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, target-densitydpi=device-dpi" />

到目前为止，我还无法消除过渡之间的闪烁。

关于在视图之间切换的方法，我尝试了几种方法，但在所有方法中我都得到了相同的闪烁：

$.mobile.changePage("#termsAndConditions", {transition: "slide", reverse: false});

$.mobile.pageContainer.pagecontainer("change", "#termsAndConditions", {transition: "flow", reload: true});

您对我该如何解决这个问题有什么建议吗？

它发生在装有 iOS 7 的 iPhone、装有 iOS 7 的 iPad 上，尚未在 Android 中测试。

提前感谢您的帮助。

Answer 1

使用叠加，过渡时不隐藏

.ui-mobile-viewport-transitioning .ui-page {
    overflow-y: overlay;
}