CSS自定义滚动条的一些问题

56 阅读1分钟

直接上代码

::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0,0,0,0.2);
}

::-webkit-scrollbar-track {/*滚动条里面轨道*/
    border-radius: 10px;
    background: #EDEDED;
}

::-webkit-scrollbar代表滚动条整体样式
::-webkit-scrollbar-thumb代表滚动条的方块的样式
::-webkit-scrollbar-track代表滚动条轨道的样式