前端自定义滚动条

在 app.vue  或者index.html 里 根路径处添加代码

html ::-webkit-scrollbar { /*滚动条整体样式*/
    width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
}
 
html ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 4px;
    background: #0089ff;
}
 
html ::-webkit-scrollbar-track { /*滚动条里面轨道*/
    border-radius: 4px;
    background: white;
    margin: 0;
}

效果图：

来源于公司付X（一个代码大佬）