iframe 在 ios 中无法滚动

Posted 2023-03-15

【中文标题】iframe 在 ios 中无法滚动

【英文标题】：iframe not scrollable in 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>

【参考方案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/