div::-webkit-scrollbar
滚动条整体部分div::-webkit-scrollbar-thumb
滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条div::-webkit-scrollbar-track
滚动条的轨道(里面装有Thumb
div::-webkit-scrollbar-button
滚动条的轨道的两端按钮,允许通过点击微调小方块的位置div::-webkit-scrollbar-track-piece
内层轨道,滚动条中间部分(除去div::-webkit-scrollbar-corner
边角,即两个滚动条的交汇处div::-webkit-resizer
两个滚动条的交汇处上用于通过拖动调整元素大小的小控件注意此方案有兼容性问题,一般需要隐藏滚动条时我都是用一个色块通过定位盖上去,或者将子级元素调大,父级元素使用overflow-hidden
截掉滚动条部分。暴力且直接。