《H5 App开发》苹果机没有滚动条、滚动卡顿解决方案

在我们移动端，安卓手机正常显示滚动条，并且可以滑动，但是苹果手机却没有滚动条，并且不能滑动，解决方案如下：

-webkit-overflow-scrolling: touch;

注意：谷歌浏览器不支持此方法，只有ios支持

<style>
　　div {
　　　　position: fixed;
　　　　left: 0;
　　　　right: 0;
　　　　top: 0;
　　　　bottom: 0;
　　　　-webkit-overflow-scrolling: touch;  /* 当手指从触摸屏上移开，会保持一段时间的滚动 */
　　　　overflow-y: scroll;
　　}

　　iframe {
　　　　width: 100%;
　　　　height: 100%;
　　}
</style>
 
<body>
　　<div>
　　　　<iframe frameborder="0" src="gamelist.html" name="lobby" scrolling="yes"></iframe>
　　</div>
</body>