iframe 在 ios 中无法滚动答案

【问题标题】：iframe not scrollable in iosiframe 在 ios 中无法滚动
【发布时间】：2018-07-02 20:26:15
【问题描述】：

我正在开发 Cordova 应用程序，我只是在该应用程序中查看 iframe，但我有一个问题，即 iframe 在 ios 上不可滚动，谁能帮助我

.mainFrame{
    width:100%;
    height:100%;
    border-width:0px;
    overflow-x:hidden;
}

  <div style="overflow:auto;-webkit-overflow-scrolling:touch">
     <iframe class="mainFrame" id="mainFrame" src="http://demo.demo.com" ></iframe>
  </div>

【问题讨论】：

标签： ios iphone cordova ionic-framework

【解决方案1】：

试试：

 .mainFrame {
        width:100%;
        height:100%;
        border-width:0px;
        overflow:scroll !important; -webkit-overflow-scrolling:touch !important;
    }
     <iframe class="mainFrame" id="mainFrame" src="http://demo.demo.com" ></iframe>

或者检查这个tutorial它对我有用

【讨论】：

【解决方案2】：

我将 iframe 替换为科尔多瓦插件应用浏览器 https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-inappbrowser/

【讨论】：