去掉滚动条样式

Posted 2021-02-05 chenchenhao

  .shu {
    display: flex;
    justify-items: center;
    flex-wrap: wrap;
    height: 3.8rem;
    overflow-y: auto;
}
  .shu::-webkit-scrollbar {/*滚动条整体样式*/
            width: 0px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 0px;
        }
        .shu::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 0px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
        .shu::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);
            }