滚动条默认是隐藏的只有鼠标移上去才会显示

效果

在设置滚动条的类名中写

/* 滚动条样式 */
    .content-box::-webkit-scrollbar {
        width: 0px; /*  设置纵轴（y轴）轴滚动条 */
        height: 0px; /*  设置横轴（x轴）轴滚动条 */
    }
    /* 滚动条滑块（里面小方块） */
    .content-box::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: rgba(0,0,0,0.2);
    }
    /* 滚动条轨道 */
    .content-box::-webkit-scrollbar-track {
        border-radius: 0;
        box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: rgba(0,0,0,0.1);
    }
    /* hover时显色 */
    .content-box:hover::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }