问题描述:
给iframe设置一个固定的高度。倘若iframe的内容足够长超出了iframe设定的高度时,在ios程序中等设备上,iframe自身的滚动条不出现,iframe的高度自动变成了iframe内文档的高度。
问题原因:
在IOS设备中,iframe内部的html的滚动条无法生效。
解决方法:
给iframe的外层元素添加样式 -webkit-overflow-scrolling:touch;overflow:auto;
如:
<div style="-webkit-overflow-scrolling:touch;overflow:auto;">
<iframe id="iframe1" name="iframe1" style="height:500px;"></iframe>
</div>