用 CSS 自定义滚动条

动条包含 track 和 thumb，如下图所示：

track是滚动条的基础，其中的 thumb是用户拖动支页面或章节内的滚动。

/*       ScrollBar        */

#scrollbar::-webkit-scrollbar {
    width: 10px;
}

#scrollbar::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #e7e7e7;
    border: 1px solid #cacaca;
}

#scrollbar::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #d55959;
}