Cordova iOS - 转换导致页面闪存

Question

我正在Cordova中开发一个应用程序,用户可以在几个"屏幕"之间切换,这些屏幕只是通过转换进入视图的隐藏div.

在iOS上滚动非常糟糕,所以我添加-webkit-overflow-scrolling: touch到容器元素,它整理了我的滚动问题.

但是,从那时起,页面转换会导致每次应用程序移动到新页面时页面都会闪烁.

这是我的CSS

.scrollable {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

按下按钮进入下一页后,它会使用此javascript代码进行转换

this.lastScreen.getLayout().getElement().css({
    'left': -$(window).width(),
    'transition': 'left 0.25s ease-out'
});

this.currentScreen.getLayout().getElement().css({
    'left': 0,
    'transition': 'left 0.25s ease-out'
});

<div class="container scrollable">
    //screen content here
</div>

如果我-webkit-overflow-scrolling: touch;从可滚动的类中删除它工作正常,没有闪光发生.但是,页面的滚动很糟糕.

我正在运行iOS 9.3.1.我看了一遍,发现这可能是iOS 8+的一个问题,但无法找到帮助我的一个不同的答案

Answer 1

我建议您将本机过渡与 cordova\xc2\xb4s 应用程序一起使用。

\n\n

http://plugins.telerik.com/cordova/plugin/native-page-transitions

\n