javascript - 如何在手机间隙android中打开/关闭面板时停止页面闪烁

Question

我正在尝试创建类似 facebook 的面板，因此尝试使用来自 JQuery 移动链接的面板 然后我将页眉和页脚位置固定并禁用数据动画。知道问题是当我打开/关闭面板时，它的闪烁也是打开面板时将 ui-panel-wrap-content 位置应用到固定位置，当面板关闭时将位置应用到绝对位置，因此只能滚动面板而不能滚动页面内容。谁能告诉我如何停止闪烁。任何想法都值得赞赏。提前致谢。

Answer 1

添加这个CSS

.ui-page {
        -webkit-backface-visibility: hidden;
    }

Answer 2

您可以尝试使用以下代码

.ui-page * {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
}

ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page
{
overflow: visible;
}

还要在清单文件中添加以下代码

android:hardwareAccelerated="false"

希望它会有所帮助。

Answer 3

您可以预加载侧面板内容。这可以平滑过渡并消除加载面板的任何延迟。这意味着白色背景永远不会显示。

稍后我将使用执行预加载所需的代码进行更新。