ion-content 滚动在 ios 14 上停止工作

Question

我的应用程序在 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

Answer 1

您需要像这样更新您的代码以指向 iOS 14

ion-app.platform-ios14 ion-content { pointer-events: auto; }

Answer 2

伙计们，我已经弄清楚了，显然我的项目包含一个 SCSS class，它在以下项目中有问题：

.background {
  background: #f2f2f2;
  top: 0;
  position: absolute;
  overflow: hidden;
  z-index: -1; <--------------- PROBLEM
  transition-property: none;
  transform: translateX(0%) translateY(0px);
}

删除 top: 0 和 z-index 后，屏幕的滚动恢复正常。我发现最奇怪的是 iOS 版本 13.x 它运行顺利。但是好吧，重要的是它再次起作用了 ;)

Answer 3

这适用于 Ionic 3 项目

variables.scss

ion-app.platform-ios14 ion-content { 
          pointer-events: auto !important;
}

ion-content 滚动在 ios 14 上停止工作

ion-content scrolling stopped working on ios 14

ios

ionic-framework

ionic3

ionic4

capacitor