Question

正在开发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>

Answer 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对我有用

Answer 2

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

iframe在iOS中无法滚动

2 个答案: