在我们移动端,安卓手机正常显示滚动条,并且可以滑动,但是苹果手机却没有滚动条,并且不能滑动,解决方案如下:
-webkit-overflow-scrolling: touch;
![](https://i-blog.csdnimg.cn/blog_migrate/9a23fc2051c246c9c23e4ebc3a1f9ff3.png)
注意:谷歌浏览器不支持此方法,只有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>