小编Jav*_*rez的帖子

如何隐藏滚动条轨道

有没有办法隐藏滚动条轨道而不是拇指？它应该看起来像这样：

它目前看起来像这样：

这是滚动条的实际 CSS：

*::-webkit-scrollbar {
    width: 10px;
}
* {
    scrollbar-width: thin;
    scrollbar-color: var(--dark-blue) var(--custom-white);
}
*::-webkit-scrollbar-track {
    background-color: var(--custom-white);
}
*::-webkit-scrollbar-thumb {
    background-color: var(--dark-blue) ;
    border-radius: 20px;
    border: 3px solid var(--custom-white);
}

Run Code Online (Sandbox Code Playgroud)

最终代码：

*::-webkit-scrollbar {
  background-color: transparent;
  width: 15px;
}
*::-webkit-scrollbar-track {
  background-color: transparent;
}
*::-webkit-scrollbar-thumb {
  border-radius: 20px;
  border: 4px solid transparent;
  background-color: rgba(0,0,0,0.2);
  background-clip: content-box;
}

Run Code Online (Sandbox Code Playgroud)

html css scroll scrollbar angular

Jav*_*rez

2022 09-14

5
推荐指数

2
解决办法

9776
查看次数