Cordova iOS – 转换导致页面闪存

概述我正在Cordova中开发一个应用程序,用户可以在几个“屏幕”之间切换,这些屏幕只是通过转换进入视图的隐藏div. 在iOS上滚动非常糟糕,所以我添加了-webkit-overflow-scrolling：touch到容器元素,它整理了我的滚动问题. 但是,从那时起,页面转换会导致每次应用程序移动到新页面时页面都会闪烁. 这是我的CSS .scrollable { overflow: sc 我正在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 >    //screen content here</div>

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

我正在运行iOS 9.3.1.我四处阅读并发现这可能是iOS 8中的一个问题,但无法找到帮助我的不同答案

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

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

@H_403_42@ 总结

以上是内存溢出为你收集整理的Cordova iOS – 转换导致页面闪存全部内容，希望文章能够帮你解决Cordova iOS – 转换导致页面闪存所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。