iOS滚动问题

Question

我在定位元素方面遇到了问题。 我正在尝试在我的一个应用程序中弹出一个模式弹出窗口，但是在iPad / iPhone上无法正常工作。

CSS非常简单：

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
}

.modal-body {
  padding: 20px;
}

但是，当我在iOS设备上向下滚动“模式”时，它的流动性与普通页面不同。我在某处读到这是由于已修复，所以我将其更改为绝对值，问题仍然存在。

我在这里创建了一支笔：

https://codepen.io/r3plica/pen/oQqRra

谁能告诉我为什么会这样，也许可以帮助我解决它？