vue美化滚动条

第一种方法

::-webkit-scrollbar-track
{
background: rgba(0,0,0,.1);
border-radius: 0;
}

::-webkit-scrollbar
{
-webkit-appearance: none;
width: 10px;
height: 10px;
}

::-webkit-scrollbar-thumb
{
cursor: pointer;
border-radius: 5px;
background: rgba(0,0,0,.25);
transition: color .2s ease;
}

第二种方法

 

加入标签
<el-scrollbar style="height:100%;"></el-scrollbar>
隐藏x轴

        /deep/  .el-scrollbar__wrap{

            overflow-x: hidden;

        }