在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滚动栏失效问题
原文：http://www.cnblogs.com/yangykaifa/p/6717700.html