移动端html页面隐藏滚动条

·  阅读 2233

移动端要隐藏掉影响美观的滚动条主要涉及一个伪元素-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;
  }
复制代码

实例是隐藏垂直滚动条,横向滚动条类似

分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改