设置漂亮的滚动条

1.设置一个好看点的滚动条

/* 设置浏览器滚动条样式 */
/* 浏览器滚动条样式 */
/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    background: rgb(255, 255, 255);
    border-radius: 8px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(201, 201, 202, .5);
    border-radius: 8px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    /* background: rgb(162, 162, 163); */
    background: rgba(201, 201, 202, .5);
    border-radius: 8px;
}

哪里需要在哪加上去就好了，是个椭圆形的，代码是以前看过一篇大佬的文章，现在已经找不到了，还好翻到了以前的代码记录一下。