css 设置滚动条样式

从入门到放弃 / 2023-07-19 / 原文

    ::-webkit-scrollbar:指滚动条整体部分,它的属性有width,height,background等
    ::-webkit-scrollbar-button:指滚动条两边的按钮。当不需要时可以用display:none将其隐藏
    ::-webkit-scrollbar-track:指外层轨道部分,当不需要时可以用display:none将其隐藏,也可以添加你想要的颜色
    ::-webkit-scrollbar-track-piece:指内层轨道部分,即滚动条中间的部分
    ::-webkit-scrollbar-thumb:指滚动条里面可以拖动的部分,也就是滑块
    ::-webkit-scrollbar-corner:指边角部分
    ::-webkit-resizer:他用来定义右下角滑块的样式
    但是最常用的是滚动条整体部分(-webkit-scrollbar),滑块(-webkit-scrollbar-thumb)以及外轨道(-webkit-scrollbar-track)三部分。