Ios iFrame模式在ipad/iphone上滚动

我正在做一个项目，我正在创建一个模型。基本上，我有一个覆盖

位置：固定覆盖包含一个包含模态内容的iFrame。iFrame的高度可能会有所不同，当它不适合视口时，内容会被截断。此外，当我在模式中滚动时，唯一滚动的是覆盖后面的背景层

您应该能够在iframe中向下滚动，而不会移动背景层。我怎样才能做到这一点

在Firefox、Safari、Chrome甚至IE8中，一切都运行良好。然而，这个问题只出现在iPad/iPhone上

您可以在这里看到该问题的工作演示：
基本上，您需要将iframe封装在容器div中，然后使用

-webkit-overflow-scrolling:touch

请在此处阅读更多信息：

我也了解你的问题，我还没有找到解决办法。主要问题是iOS 4.3以后的版本强制iFrame使用网页的整个高度，使得css的百分比值无效，modals要么在页面的50%，要么就在用户可能已经滚动过的顶部。我们可以做的是检查如何识别用户正在查看的网页的哪一部分（例如300px向下）将页面高度的一半添加到模式，顶部：（300+window.height（）/2）px；但是，我怀疑window.height（）返回网页的整个高度。