iframe 滚动 iOS 8

标签 iframe scroll overflow ios8

我有一个 iframe,我需要它有滚动溢出。它似乎可以在桌面上运行,我使用了一种解决方法使其可以在 iOS 中运行。现在它可以在 Android 和 iOS 上运行。然而,iOS8却失败了。

    <html>
    <body>
    <style type="text/css">
      .scroll-container {
       overflow: scroll;
       -webkit-overflow-scrolling: touch;
      }
     #iframe_survey {
      height: 100%;
     }

    .scroll-container {
     height: 100%;
     width: 100%;
     overflow: scroll;
     }
   </style>

   <div class="scroll-container scroll-ios">
   <iframe id="iframe_survey" src="www.iframe.com" style="border:0px #FFFFFF none;" name="myiFrame" frameborder="0" marginheight="0px" marginwidth="0px" width="100%"></iframe>
   </div>
   </body>

最佳答案

这样使用代码

<div style="overflow:auto;-webkit-overflow-scrolling:touch">
    <iframe style="width:100%;height:600px" src="www.iframe.com"></iframe>
</div>

关于iframe 滚动 iOS 8,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26046373/

相关文章:

javascript - 如何限制谁可以 iframe 嵌入我的网络应用程序?

javascript - iframe 加载是否会阻止 javascript 执行?

html - iFrame 禁止一起滚动

jquery - 平滑滚动 jquery 不工作

javascript - gif 动画完成后如何激活页面滚动

javascript - Electron 检测全局滚动事件Mac

C# 溢出不起作用?如何启用溢出检查?

javascript - 无法在 Firefox 4/IE 中更改 iFrame 内容

CSS根据内部元素获取溢出div容器的最大宽度

CSS:为什么垂直对齐:使用溢出时基线在 Firefox 上停止工作:隐藏?