css修改滾動條,適用於小程序

截圖:

 

 代碼

::-webkit-scrollbar {
    height: 3rpx;
    max-width: 3rpx;
}

::-webkit-scrollbar-track {
    background-color: #bee1eb;
}

::-webkit-scrollbar-thumb {
    background-color: #00aff0;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #9c3
}

::-webkit-scrollbar-thumb:active {
    background-color: #00aff0
}


/* 隱藏滾動條 */


/* ::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
} */

 效果截圖: