效果图
css
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
width: 2px;
border-radius: 1.5px;
background-color: transparent;
}
/*定义滚动条轨道 内阴影+圆角 滑动的轨道*/
::-webkit-scrollbar-track
{
background: #F5F5F6;
border-radius: 1.5px;
}
/*定义滑块 内阴影+圆角 指的是蓝色那块 滑块*/
::-webkit-scrollbar-thumb
{
background: #4E6EF2;
border-radius: 1.5px;
}