完美解决 IOS系统safari5.0 浏览器页面布局iframe滚动栏失效问题

Posted yangykaifa

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了完美解决 IOS系统safari5.0 浏览器页面布局iframe滚动栏失效问题相关的知识,希望对你有一定的参考价值。

在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滚动栏失效问题的主要内容,如果未能解决你的问题,请参考以下文章

vue实现页面锁屏完美解决

366API!完美解决微信上h5页面点击文件下载链接没反应的问题

IOS不支持iframe的解决办法

完美解决ie浏览器location.href不刷新页面的问题,进入页面只刷新一次

完美解决ios10及以上Safari无法禁止缩放的问题

完美解决微信video视频隐藏控件和内联播放问题