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

Posted 一首弦曲献仙音

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 中的滚动条

急急急,谷歌浏览器没有滚动条怎么办?

音频处理Melodyne 网络缩放功能 ( 音符分离线 | 片段分离线 | 窗口滚动条 | 网格缩放 | 修改图像显示位置 | 显示五线谱 )

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