滚动条设置以及颜色设置

滚动条颜色设置

.css名 {
height: 600px;
overflow: hidden;
overflow-y: auto;
}
/* 设置滚动条的样式 */
.css名::-webkit-scrollbar {
width: 2px;
}
/* 滚动槽 */
.css名::-webkit-scrollbar-track {
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
border-radius: 10px;
}
/* 滚动条滑块 */
.css名::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
.css名::-webkit-scrollbar-thumb:window-inactive {
background: #999;
}