ios WebView中iframe滚动条失效的解决方法

问题描述:

给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>