Cordova iOS – 转换导致页面闪存

我正在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中的一个问题,但无法找到帮助我的不同答案

解决方法

我建议你使用cordova应用程序的原生过渡.

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