为了快捷编写项目,此篇博客记录一个简易的、比默认滚动条样式更好看的CSS样式。
效果如下:
代码如下:可直接copy使用
//滚动条
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: rgb(239, 239, 239);
border-radius: 2px;
}
::-webkit-scrollbar-thumb {
background: #bfbfbf;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #bfbfbf;
}
::-webkit-scrollbar-corner {
background: #bfbfbf;
}