css自定义滚动条/隐藏滚动条

酱油ooo-

已于 2023-03-10 10:39:56 修改

阅读量181

点赞数

文章标签： css 前端 css3

于 2023-03-07 15:36:52 首次发布

本文链接：https://blog.youkuaiyun.com/Ricale/article/details/129383498

版权

.tree-list是我的类名，代码和效果如下：

如果是要隐藏只需要把::-webkit-scrollbar的width改为display: none;即可

.tree-list {
  height: 600px;
  overflow: hidden;
  overflow-y: auto;
}
.tree-list::-webkit-scrollbar {
  width: 6px;
}
.tree-list::-webkit-scrollbar-thumb {
  background-color: #0003;
  border-radius: 10px;
}
.tree-list::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 10px;
}