CSS自定义滚动条样式

.menuItems::-webkit-scrollbar {
/*滚动条整体样式*/
width: 11px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}

.menuItems::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 2px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #cccdce;
}

.menuItems::-webkit-scrollbar-thumb:hover {
/*滚动条里面小方块*/
border-radius: 2px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #9696a0;
}

.menuItems::-webkit-scrollbar-track:hover {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 0px;
background: #EDEDED;
}