ipad safari 滚动（overflow）解决方案

项目需要放到ipad应用了，发现有一个奇怪的问题，就是我div是设置滚动属性的，在pc上面的各个浏览器页面变小时，会出现滚动条，可是是ipad的safari，则不会滚动，开始以为是div的问题

但发现页面的源代码贴出来后，div又可以滚动了，所以判断safari也是支持滚动条的，只是他隐藏了而已，后来发现 我外层是嵌套一个iframe的，终于找到问题的关键了

于是在iframe的外层加入一个div

<div class="container" style="-webkit-overflow-scrolling:touch; overflow: auto;">
        <iframe width="100%" id="main" name="main" src="main.aspx" frameborder="0" scrolling="auto"></iframe>
</div>

主要是style="-webkit-overflow-scrolling:touch; overflow: auto;"这个样式，让他支持界面touch和自动滚动

这样界面就可以滚动咯

ipad safari 滚动（overflow）解决方案,布布扣,bubuko.com

ipad safari 滚动（overflow）解决方案

原文：http://www.cnblogs.com/linyijia/p/3638194.html