自定义滚动条CSS样式

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

首先，给个默认css，清除掉以前的样式，给默认背景

.scrollbar {

    margin-left: 30px;

    float: left;

    height: 300px;

    width: 65px;

    background: #F5F5F5;

    overflow-y: scroll;

    margin-bottom: 25px;

}

然后给自定义宽度和颜色

.scrollbar::-webkit-scrollbar {

    width: 12px;

    background-color: #F5F5F5;

}

.scrollbar::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

    background-color: #D62929;

}

预览图就是这个效果