mirror of
https://github.com/yangjian102621/geekai.git
synced 2026-04-21 18:44:24 +08:00
37 lines
861 B
SCSS
37 lines
861 B
SCSS
.custom-scroll {
|
||
/* 修改滚动条的颜色 */
|
||
|
||
::-webkit-scrollbar {
|
||
width: 8px; /* 滚动条宽度 */
|
||
}
|
||
|
||
/* 修改滚动条轨道的背景颜色 */
|
||
|
||
::-webkit-scrollbar-track {
|
||
background-color: #282c34;
|
||
}
|
||
|
||
/* 修改滚动条的滑块颜色 */
|
||
|
||
::-webkit-scrollbar-thumb {
|
||
background-color: #444444;
|
||
border-radius: 8px;
|
||
}
|
||
|
||
/* 修改滚动条的滑块的悬停颜色 */
|
||
|
||
::-webkit-scrollbar-thumb:hover {
|
||
background-color: #666666;
|
||
}
|
||
overflow: auto; /* 保持滚动功能 */
|
||
scrollbar-width: none; /* 隐藏滚动条（Firefox） */
|
||
-ms-overflow-style: none; /* 隐藏滚动条（IE、Edge） */
|
||
::-webkit-scrollbar {
|
||
display: none; /* 隐藏滚动条（Webkit 浏览器） */
|
||
}
|
||
&.showScrollbar {
|
||
::-webkit-scrollbar {
|
||
display: none; /* 隐藏滚动条（Webkit 浏览器） */
|
||
}
|
||
}
|
||
} |