解决ios下html5的ifream页面无法滑动的问题

html5移动开发有时会用到ifream镶嵌页面,如下图:

<iframe width="100%" height="100%"  frameborder="0" src="http://wap.nxzhly.com/wap/index.htm"></iframe>

但是测试发现,页面在android下显示很正常,但是ios下页面无法滑动

解决方案:

<div style="width:100%;height:100%;-webkit-overflow-scrolling:touch;overflow-y:scroll;"> 

        <iframe width="100%" height="100%"  frameborder="0" src="http://wap.nxzhly.com/wap/index.htm"></iframe>

</div>

给ifream加上一个父控件,并且设置滚动