移动端要隐藏掉影响美观的滚动条主要涉及一个伪元素-webkit-scrollbar
实现代码如下:
.filter .scroll-view ul {
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
padding: 0 0.24rem 0 0.24rem;
}
.filter .scroll-view ul::-webkit-scrollbar{
display: none;
}
实例是隐藏垂直滚动条,横向滚动条类似