overflow-x:auto,横向可以滚动,但是在IOS手机上会出现滚动条,安卓和网页都不出现,如何去除滚动条并可滚

1.如题,只有IOS出现滚动条
2.代码结构
<nav> ——width:100%;

<ul> ——width:500px;
 <li></li>  ——width:80px;
</ul>

</nav>

阅读 6.6k
2 个回答
ele{
  overflow-x:auto;
}
ele ::-webkit-scrollbar {
  display:none;
}

亲测 -- 移动端IOS html网页隐藏滚动条

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none;
}

html,
body {
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    /* 使得ios滑动流畅 */
    -webkit-overflow-scrolling: touch;
}

有的时候 -webkit-overflow-scrolling: touch; 会导致滚动条不出现, 不知道你们有没有这样的情况


PS : 设置 height: 100%; overflow: hidden; overflow-y: scroll; 是重点

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题