滚动溢出时不在视口中时 iOS 上的 iframe 问题答案

【问题标题】：Iframe issues on iOS when not in viewport when overflow is scroll滚动溢出时不在视口中时 iOS 上的 iframe 问题
【发布时间】：2012-05-24 22:49:41
【问题描述】：

根据此处的这篇博文 (http://www.david-lewis.com/css/css-that-can-affect-performance-on-ipad-web-apps-or-phonegap/)，iOS 5 中存在一个我不知道如何解决的错误。

基本上就像标题所说的那样，如果您的网站有一部分是滚动的（我使用的是新的-webkit-overflow-scrolling），并且如果有一个 iframe 超出视口，它将不会加载它。

上面链接的博客文章如下：

iFrame

它是什么：在overflow:scroll 元素中使用iFrames 来显示事物喜欢视频或地图
症状是什么：如果您有一个 iframe 在视口之外溢出：滚动元素（尤其是当使用 -webkit-overflow-scrolling: touch) 然后它不会呈现当您滚动到它时
有什么治疗方法：不知道，请发给我回答

有谁知道如何解决这个问题？我一直在网上寻找治疗方法，但没有运气。好像是如果点击iframe，点击后会显示出来。

在我看来，这对于开发网络应用程序的人来说是一个大问题。有人知道解决办法吗？

【问题讨论】：

您可以使用iframe scrolling ios的代码

标签： iframe scroll overflow viewport

【解决方案1】：

好吧，我讨厌将此作为官方“答案”，但截至发帖时，还没有修复...

我假设如果您使用 JavaScript 从 iframe 中提取 HTML，将代码放在同一个位置，并以某种方式让 CSS 也可以使用它，那么它会起作用。但该死的，在 iPhone 这样的慢速设备上做这件事的工作量太大了。

【讨论】：