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

Question

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

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

</nav>

Answer 1

ele{
  overflow-x:auto;
}
ele ::-webkit-scrollbar {
  display:none;
}

Answer 2

亲测 -- 移动端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; 是重点