Question

我正在开发一个我正在创建模态的项目。基本上，我有一个覆盖position: fixed;叠加层包含一个带有模态内容的iFrame。 iFrame的高度可能不同，当它不适合视口时，内容会被切断。此外，当我滚动模态时，滚动的唯一内容是叠加层后面的背景层。

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

在Firefox，Safari，Chrome甚至IE8中，一切正常。但是，该问题仅出现在iPad / iPhone上。

您可以在此处查看问题的有效演示：http://mcash.dk/dev/overlay/

Answer 1

基本上，您需要将iframe包含在容器div中，然后使用

设置容器的样式

-webkit-overflow-scrolling:touch

在这里阅读更多内容：