完美解决 IOS系统safari5.0 浏览器页面布局iframe滚动栏失效问题
2017-04-16 08:45
946 查看
在iframe外层包一层div，加入例如以下样式：
style="-webkit-overflow-scrolling:touch;overflow:auto;"
代码例如以下：
<div style="width:100%;-webkit-overflow-scrolling:touch;overflow:auto;"><iframe name="main" id="main" src="../demo.html" width="100%" height="100%" frameborder="0" vspace="0" scrolling="yes" ></iframe></div>
style="-webkit-overflow-scrolling:touch;overflow:auto;"
代码例如以下：
<div style="width:100%;-webkit-overflow-scrolling:touch;overflow:auto;"><iframe name="main" id="main" src="../demo.html" width="100%" height="100%" frameborder="0" vspace="0" scrolling="yes" ></iframe></div>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 完美解决 IOS系统safari5.0 浏览器页面布局iframe滚动条失效问题
- 完美解决 IOS系统safari5.0 浏览器页面布局iframe滚动条失效问题，iossafari5.0
- 中间部分滚动记录div内滚动条的位置, 以及将页面分为三部分组成解决position:fixed在ios下失效问题
- iOS 解决自定义导航栏返回按钮 系统右滑返回手势失效问题 最简单方法
- 关于iframe页面嵌入后在ios设备上position=fixed属性失效的解决办法
- ios app混合开发中iframe的scroll滚动失效解决方法
- safari,opera嵌入iframe页面cookie读取问题解决方法
- iOS开发中解决UIScrollView滚动时NSTimer失效的问题
- 解决html页面中含有input输入框fixed布局底部按钮在Android和ios中被弹起的问题
- 完美解决各种浏览器页面无法居中问题
- 用better-scroll来解决ios中html5页面fixed布局不兼容问题的处理
- 用JS有效解决移动web浏览器中HTML元素的overflow:scroll滚动属性失效问题
- (造福中国前端界）纯前端Js完美解决各种汉字urlencode,urldecode，编码解码问题，不借助任何字库，内码表，轻松一行，兼容IE8+，chrome，firefox，safari等主流浏览器
- IFrame引用跨域站点页面时，Session失效问题解决
- 解决禁止浏览器回弹效果后页面其它元素滚动事件失效
- centos系统,基于nginx服务器,用https访问php页面总弹出下载页面问题完美解决
- 微信jssdk在iframe页面失效问题的解决措施
- 微信jssdk在iframe页面失效问题的解决措施
- 如何解决iframe框架在ios系统中的兼容性问题
- 【safari挖的那些坑】iOS safari 浏览器 时间乱码（ios时间显示NaN） 问题解决