css滚动条样式改变

 div{

     /*滚动条样式*/

    &::-webkit-scrollbar {

      /*滚动条整体样式*/

      width: 7px; /*高宽分别对应横竖滚动条的尺寸*/

      height: 10px;

    }

   &::-webkit-scrollbar-thumb {

        /*滚动条里面小方块*/

        border-radius: 10px;

        box-shadow: inset 0 0 5px #ccc;

        background:#ccc;

    }

    &::-webkit-scrollbar-track {

        /*滚动条里面轨道*/

        box-shadow: inset 0 0 5px #fff;

        border-radius: 0;

        background:#fff;

    }

}