修改滚动条的样式,public.less中:
/* 滚动条 */
::-webkit-scrollbar
{
width: 8px; // 右边滚动条宽度
height: 6px; // 下面滚动条高度
background-color: rgba(201,208,220,1);
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
border-radius: 3px;
background:rgba(201,208,220,1);
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
width:8px;
height:6px;
background:linear-gradient(90deg,rgba(227,73,91,1),rgba(239,145,80,1));
border-radius:3px;
}
/* 取消body的滚动条颜色*/
body::-webkit-scrollbar-thumb {
background: none;
}
/* 去掉body的滚动条*/
body::-webkit-scrollbar {
display: none;
}
参考:
去掉设置滚动条及其样式
https://blog.csdn.net/sinat_25017107/article/details/81057269
添加滚动条样式
https://segmentfault.com/a/1190000012800450