滚动条样式

 

　因为做公司官网需要，从网上找了滚动条的样式，但是都不怎么好看，自己比照着写了一个

.chengpin .item::-webkit-scrollbar{/*滚动条整体样式*/
    width: 5px;
    height: 5px;
}
.chengpin .item::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
    height: 5px;
    border-radius: 20px;
    background-color: #c9c9c9;
}　　

 

具体是这样的：没有定义滚动条里面的轨道

 .innerbox::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);
        }

　参考文章：https://www.lyblog.net/detail/314.html