iOS 可滚动 iFrame

Posted

技术标签:

【中文标题】iOS 可滚动 iFrame【英文标题】:iOS scrollable iFrame 【发布时间】:2017-02-06 06:58:04 【问题描述】:

ios4开始有一个iFrame不能滚动的bug:

index.html

<html>
  <body>
    <iframe style="height:100px;border: 1px solid blue" src="iframe.html"></iframe>
  </body>
</html>

iframe.html

<html>
  <body>
    <div style="height:200px"></div>
  </body>
</html>

你会注意到 height:100px 样式被 iOS 忽略了。

是否有针对这种行为的官方错误票?

在 iOS10 中是否可以滚动 iframe 的内容?

【问题讨论】:

可能重复***.com/questions/26046373/iframe-scrolling-ios-8 【参考方案1】:

试试这个:

 <div style="overflow:auto;-webkit-overflow-scrolling:touch">
   <iframe style="height:100px;border: 1px solid blue" src="iframe.html"></iframe>
</div>

【讨论】:

这不起作用,因为 iframe 不能滚动,而是它周围的 div。粘性元素仍然不粘到 iframe

以上是关于iOS 可滚动 iFrame的主要内容,如果未能解决你的问题,请参考以下文章

带有 iframe 的嵌入式网站中的 iOS 滚动问题

javascript中如可控制iframe的滚动条位置

javascript中如可控制iframe的滚动条位置

iPad滚动到iframe顶部

iframe 在 ios 中无法滚动

解决 iframe 在 ios 上不能滚动的问题