网站设计企业郑州网站推广培训

很简单！

1. 滚动条的滑动小方块背景色默认透明，仅在hover时设置背景色；

2. 滚动条的轨道背景色默认透明，仅在hover时设置背景色；

/*滚动条的滑动小方块*/
::-webkit-scrollbar-thumb {background: transparent;
}
/*hover状态*/
:hover::-webkit-scrollbar-thumb {background: red;
}/*滚动条的轨道*/
::-webkit-scrollbar-track {background: transparent;
}
/*hover状态*/
:hover::-webkit-scrollbar-track {background: green !important;
}