css 滚动条隐藏 ios解决办法

 

overflow-x: scroll;  // 设置滚动
-webkit-overflow-scrolling: touch; //让滚动更流畅，其实就是滚动有延缓，不设置只要手指离开就立刻停止，感觉体验商是一种不流畅

上面只要加了 -webkit-overflow-scrolling: touch 就会出现滚动条，如果只是PC或安卓那恭喜你添加下面代码完美解决

/*HTML5 元素超出部分滚动, 并隐藏滚动条*/
    ::-webkit-scrollbar {
        display: none;
    }

-webkit-scrollbar 是可以自定义样式的，但在ios就是个废柴
如何设置看这里https://developer.mozilla.org/zh-CN/docs/Web/CSS/::-webkit-scrollbar

 

ios解决办法有两种

1、设置高度来隐藏

在滚动条外围再次包裹一层 overflow-x: hidden; 设置高度比内层小一丢丢就行了！代码就不上了……

2、设置边距来隐藏，因为我的 li 都有阴影 所以选择这种方式，要不然阴影也被整没来！

ul{
padding-bottom: 40px;
margin-bottom: -10px;
}