引自:https://www.cnblogs.com/weinan/archive/2013/01/05/2832800.html
问题描述:
iframe设置了高度(例如500px)。倘若iframe的内容足够长超出了iframe设定的高度时,在ipad等设备上。iframe内部html的滚动条不出现。并且活生生的从500px处截断,(类似overflow:hidden的效果)下面的内容不再显示。
问题解决:
结构:
index.html :
<style>
#iframe{height:500px;}
#wrapper{height:500px;-webkit-overflow-scrolling:touch;overflow:auto;}
</style> <div id="content">
<div id="wrapper"> <iframe frameborder="0" src="iframe.html" id="iframe"></iframe>
</div> </div>