Webkit溢出滚动：触摸在IOS 10中冻结具有更长内容的模式

Question

IOS 10中的 webkit-overflow-scrolling：touch 属性存在一个奇怪的问题 - 当模态内容较长时，它会被“卡住”或“冻结”而不能滚动。

首先，我用JavaScript阻止了对模态的捏缩放，因为我认为它导致了问题 - 没有效果。

我也尝试了所有建议的修复我能找到，当模态较长时，有时（不是每次）在滚动时都会被卡住。

此行为绝对来自 webkit-overflow-scrolling：touch 属性，因为当我删除它或将其设置为 auto 时，模式不会冻结但滚动变为可怕 - 根本不顺利。

有人可以建议我修复一下吗？任何帮助将不胜感激。

这是代码的一部分：

.body.modal-open {
  position: fixed;
  width: auto;
  overflow: hidden;
}
.modal-container {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   z-index: 2500;
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
   -webkit-transform: translateZ(0px);
   -webkit-transform: translate3d(0,0,0);
   -webkit-perspective: 1000;

   &::before {
    content: '';
    display: inline-block;
    height: 100%;
   }

  .modal {
      position: relative;
      display: inline-block;
      width: 550px;
      z-index: 3000;
   }

}