解决ios下html5的ifream页面无法滑动的问题
2017-05-22 17:36
393 查看
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加上一个父控件,并且设置滚动
<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加上一个父控件,并且设置滚动
相关文章推荐
- 用better-scroll来解决ios中html5页面fixed布局不兼容问题的处理
- 解决页面使用overflow: scroll在iOS上滑动卡顿的问题
- css ios H5页面web页面 上下滑动卡顿问题解决方案
- 解决ios手机页面overflow scroll滑动很卡的问题
- 关于iOS页面中scrollview中嵌入百度地图滑动冲突问题解决方法
- iOS开发 高德地图 解决点击大头针跳转页面 返回无法点击的问题
- css ios H5页面web页面 上下滑动卡顿问题解决方案(亲测)
- 解决ios下的微信页面背景音乐无法自动播放问题
- html5页面在ios滑动卡顿问题
- iOS开发中解决滑动页面时候卡顿掉帧问题
- 解决ios下的微信页面背景音乐无法自动播放问题
- 解决ios手机页面overflow scroll滑动很卡的问题
- 解决https://localhost:1158/em 页面无法打开的问题
- 解决https://localhost:1158/em 页面无法打开的问题
- ecshop伪静态后产品列表页切换显示方式无法打开页面的解决问题
- IIS7错误:“由于扩展配置问题而无法提供您请求的页面”解决
- Windows7农行网银页面无法显示问题的解决方法
- 解决word中就出现了无法使用鼠标拖动和选取页面文字的问题
- 解决如下问题:IIS无法安装,装后不管用,IIS不显示asp.net页面,报错:服务器应用程序不可用