CSS滚动条样式编写

以sass写法为例：

.list{

   // 出现滚动条的时候不占宽度

   overflow-y: overlay !important;

   // 加这个防止出现滚动条在表格、列表下方导致滚动条样式不对的问题

   z-index: 10000;

&::-webkit-scrollbar {
      background: transparent;
      width: 0.25rem;
      height: 0.2rem;
    }
    &::-webkit-scrollbar-thumb {
      /*滚动条里面小方块*/
      background: #2068a0;
      opacity: 0.12;
      border-radius: 0.125rem;
    }
    &::-webkit-scrollbar-track {
      /*滚动条里面轨道*/
      background: transparent;
    }
}