首页 > 代码库 > 完美解决 IOS系统safari5.0 浏览器页面布局iframe滚动条失效问题

完美解决 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=http://www.mamicode.com/"../demo.html" width="100%" height="100%" frameborder="0" vspace="0" scrolling="yes" ></iframe>