在 phonegap 应用程序中使用 iframe

Posted 2023-03-15

【中文标题】在 phonegap 应用程序中使用 iframe

【英文标题】：using iframe in phonegap app

【发布时间】：2014-09-16 06:26:43

【问题描述】：

我在 phonegap 应用中使用 iframe 打开外部网站。网站是打开的，但它有水平滚动。如果我在移动浏览器中打开相同的网站，它会在没有水平滚动的情况下正确打开。我已经使用宽度和高度为 100% 以及将宽度设置为屏幕宽度 320 或其他但无法解决问题。我在其他网站上面临同样的问题。 你能帮帮我吗？

移动浏览器上的网站

应用内 iframe 中的网站

【问题讨论】：

把你的 iframe 放到 div <div id="content" style="height: auto; width: auto; overflow: auto; -webkit-overflow-scrolling:touch;"> </div>

@Aravin 我也这样做了。但问题仍然存在。

将其包含在您的 iframe 样式中 height="100%" scrolling="no" width="100%"

【参考方案1】：

在遇到与您类似的问题之前，我使用以下方法解决了。将您的 iframe 放入以下 ​​div 中，它将在您的 phonegap 内滚动整个网页。

<div id="content" style="height: auto; width: auto; overflow: auto; -webkit-overflow-scrolling:touch;">
        <iframe  scrolling="no" > iframe content here </iframe>
</div>