有时候我们移动端，安卓机能够显示滚动条，并且可以滑动，但是苹果机却没有滚动条，并且不能滑动，我们只需要加overflow-y: scroll;样式
推荐把这句代码一起加上 -webkit-overflow-scrolling: touch; 这句代码可以使ios上面的滚动条滑动着更流畅
注意：谷歌浏览器不支持此方法，只有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>
</head>
<body>
<div>
<iframe frameborder="0" src="gamelist.html" name="lobby" scrolling="yes"></iframe>
</div>
</body>
有时候我们移动端，安卓机能够显示滚动条，并且可以滑动，但是苹果机却没有滚动条，并且不能滑动，我们只需要加overf...
转载iOS支付宝H5支付无法返回APP解决方案iOS微信H5支付无法返回APP解决方案
用uni-app开发的H5页面想要嵌套到PC端的页面中，需要用iframe进行嵌套，但是会出现滚动条影响美观的问题...
ps：适合h5页面的滚动条插件，支持app内嵌页面。 1. 下载scroll-pullLoad npm inst...
iOS开发之App主题切换完整解决方案(Swift版) iOS开发之App主题切换完整解决方案(Swift版)
很多人再开发一款APP的时候，H5开发相对来说比较便宜一点，原生APP开发则费用较高。那么到底H5跟原生开发有什么...
h5与native开发合作 1.判断来源是h5还是app,在app的navigator.userAgent 中增加...
我们公司有全套的严选电商模式解决方案，已开发了APP（安卓、IOS）、H５、公众号、小程序，已全面集成微信支付、支...
商城APP开发，商城APP开发解决方案，专业提供商城APP开发 【本文由汇新云李先生编辑/商城APP开发搜索微信：...
智慧园区系统开发解决方案，智慧园区app开发解决方案 [本文由汇新云李先生编辑/智慧园区app开发搜索微信：hui...
本文标题：《H5 App开发》苹果机没有滚动条解决方案
本文链接：https://www.haomeiwen.com/subject/fhpckqtx.html
网友评论