css 滚动条隐藏 ios解决办法

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/sym134/article/details/93378725

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