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

我对IOS 10中的webkit溢出滚动有一个奇怪的问题：touch属性-当modal有较长的内容时，它会被“阻塞”或“冻结”，无法滚动。

首先，我用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;
   }

}

---

它是否有助于从.modal中删除relative？（在.modal container上应用宽度、高度、z索引？似乎没有..我让它工作了，但它突然停止工作，我不知道发生了什么变化..可能它在iOs10.1中工作，但不是10.2？嘿，你找到解决方案了吗？