离子内容滚动在iOS 14上停止工作

如何解决离子内容滚动在iOS 14上停止工作

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;
}