问题描述
iOS 14.0更新后,我的应用程序立即停止运行某些屏幕,当我在13.5模拟器上进行测试时,它可以正常工作。
我已经在使用以下代码:
ion-app.platform-ios12 ion-content {
pointer-events: auto; / * fix scroll lock on ios12.2 * /
}
并且我还试图强制屏幕按CSS滚动,但没有消息:(
有人遇到过类似情况吗?任何线索都会有所帮助! 我的设置:
Ionic:
Ionic CLI : 6.11.8
@angular/cli : 8.1.3
Capacitor:
Capacitor CLI : 2.4.2
@capacitor/core : 2.4.2
System:
npm : 6.14.8
OS : macOS Catalina
解决方法
您需要更新代码以像这样指向iOS 14
ion-app.platform-ios14 ion-content { pointer-events: auto; }
伙计们,我已经弄清楚了,显然我的项目包含一个SCSS类,该类在以下项目中有问题:
.background {
background: #f2f2f2;
top: 0; <--------------- PROBLEM
position: absolute;
overflow: hidden;
z-index: -1; <--------------- PROBLEM
transition-property: none;
transform: translateX(0%) translateY(0px);
}
删除顶部:0和z-index后,屏幕滚动恢复工作。 我发现最奇怪的是,在iOS版本13.x中,它运行正常。但是好吧,重要的是它又可以工作了;)
,这适用于 Ionic 3 项目
variables.scss
ion-app.platform-ios14 ion-content {
pointer-events: auto !important;
}