首页 > 代码库 > 完美解决 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></div>

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