自定义滚动条样式::-webkit-scrollbar

.scroll_wrap {
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    zoom:1;
    scrollbar-base-color:#e8e8e8;
    scrollbar-arrow-color:#666;
    scrollbar-face-color:#b6b6b6;
    scrollbar-3dlight-color:#b6b6b6;
    scrollbar-highlight-color:#b6b6b6;
    scrollbar-shadow-color:#b6b6b6;
    scrollbar-darkshadow-color:#b6b6b6;
    scrollbar-track-color:#e8e8e8;
}
.scroll_wrap::-webkit-scrollbar {
    width:4px;
        height:4px;
    border-radius:4px;
    background:#e8e8e8;
}
.scroll_wrap::-webkit-scrollbar-track-piece {
    background:transparent
}
.scroll_wrap::-webkit-scrollbar-button {
    display:none
}
.scroll_wrap::-webkit-scrollbar-thumb {
    background:#b6b6b6;
    border-radius:4px
}

参考资料:
MDN::-webkit-scrollbar

发表评论

电子邮件地址不会被公开。 必填项已用*标注