阿宝 发表于 2020-9-3 20:26:27

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

html5移动开发有时会用到ifream镶嵌页面,如下图:
<iframe width="100%" height="100%"frameborder="0" src="http://wap.nxzhly.com/wap/index.htm"></iframe>但是实际工作中测试发现,这种方法实现的iframe页面在android下显示很正常,但是ios下页面无法滑动
iframe在ios下无法滚动的解决方法是给iframe加上一个父控件,并且设置滚动。代码如下<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>

页: [1]
查看完整版本: 解决ios下html5的ifream页面无法滑动的问题