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的主要内容,如果未能解决你的问题,请参考以下文章