Cordova   发布时间:2022-05-03  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Cordova iOS – 转换导致页面闪存大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

我正在Cordova中开发一个应用程序,用户可以在几个“屏幕”之间切换,这些屏幕只是通过转换进入视图的隐藏div. 在iOS上滚动非常糟糕,所以我添加了-webkit-overflow-scrolling:touch到容器元素,它整理了我的滚动问题. 但是,从那时起,页面转换会导致每次应用程序移动到新页面时页面都会闪烁. 这是我的CSS .scrollable { overflow: sc
@H_403_6@ 我正在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 iOS – 转换导致页面闪存全部内容,希望文章能够帮你解决Cordova iOS – 转换导致页面闪存所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。