CSS隐藏滚动条样式 ::-webkit-scrollbar

炎炎枫

已于 2022-01-24 00:14:11 修改

阅读量2.5k

点赞数 3

分类专栏： CSS 文章标签： css webkit 前端

于 2022-01-24 00:06:22 首次发布

本文链接：https://blog.csdn.net/qq_40192495/article/details/122659418

版权

做了个练习，在布局的时候需要分类导航栏横向滚动，横向滚动的实现是在父元素上使用overflow: auto加display: flex。实现后在滚动的时侯下边有滚动条，但需求是不能显示滚动条。

有一个简单的方法：

::-webkit-scrollbar{ display: none }

滚动时滚动条没有了

<div class="sort">
      <div class="sort__item">
        <img src="@/assets/img/独角兽.png" alt="" />
        <div class="sort__name">独角兽</div>
      </div>
      <div class="sort__item">
        <img src="@/assets/img/巴达兽.png" alt="" />
        <div class="sort__name"