引自: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>

 

posted on 2018-05-30 16:41  坚持不懈❥  阅读(157)  评论(0编辑  收藏  举报