苹果机没有滚动条解决方案

Posted 2020-11-09 一首弦曲献仙音

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了苹果机没有滚动条解决方案相关的知识，希望对你有一定的参考价值。

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

-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>

以上是关于苹果机没有滚动条解决方案的主要内容，如果未能解决你的问题，请参考以下文章

BootStrap有用代码片段（持续总结）

BootStrap实用代码片段（持续总结）

uiwebview 中的滚动条

急急急，谷歌浏览器没有滚动条怎么办？

JS 原生JS 判断滚动条滑动到底部（兼容苹果safari）