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加上一个父控件,并且设置滚动