设置滚动条样式

原创 cheese奶酪凌 随笔 零碎知识点 225阅读 2018-04-29 14:10:02 举报

要点:

::-webkit-scrollbar-thumb{} 滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条)
::-webkit-scrollbar-track{} 滚动条的轨道(里面装有Thumb)
::-webkit-scrollbar-button{} 滚动条的轨道的两端按钮,允许通过点击微调小方块的位置。
::-webkit-scrollbar-corner{} 边角,即两个滚动条的交汇处
::-webkit-resizer{} 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件

/---鼠标点击滚动条显示样式--/
::-webkit-scrollbar-thumb:hover{}

/---滚动框背景样式--/
::-webkit-scrollbar-track-piece{} 内层轨道,滚动条中间部分(除去)

/---滚动条大小,滚动条整体部分--/
::-webkit-scrollbar{}

css:

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复