提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
前端修改滚动条样式
一、样式代码
代码如下
&::-webkit-scrollbar {
width: 4px;
height: 6px;
}
// 滚动区域背景
&::-webkit-scrollbar-track-piece {
background-color: rgb(17, 16, 16);
background-color: white;
-webkit-border-radius: 6px;
}
// 竖向滚动条
&::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgb(70, 68, 68);
background-color: #AAAAAA;
-webkit-border-radius: 6px;
}