vue滚动移动滚动加样式,王者血条样式

/定义滚动条潇洒的老师及背景 潇洒的老师分别对应横竖滚动条的尺寸/
::-webkit-scrollbar
{
width: 6px;
height: 6px;
background-color: #F5F5F5;
}

/定义滚动条轨道 内阴影+圆角/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #FFF;
}

/定义滑块 内阴影+圆角/
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #AAA;
}

————————————————
版权声明：本文为CSDN博主「无名前端活力的巨人」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/byc233518/article/details/78469547