有道云笔记滚轴样式

最近UE改版工作,有滚轴样式修改的需求,扒了有道云笔记的写法!存档后用~

::-webkit-scrollbar {
    height: 8px;
    width: 6px;
    background: rgba(118,176,243,.3);
    border-radius: 5px;
}

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-thumb {
    width: 8px;
    min-height: 15px;
    background: rgba(0,0,0,.2);
    border-radius: 5px;
}

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

::-webkit-scrollbar-track-piece {
    background: #fff;
}

你可能感兴趣的:(有道云笔记滚轴样式)