css修改滚动条样式

2021-01-06

隐藏 div 元素的滚动条

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

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 截掉滚动条部分。暴力且直接。

留言回复
我们只提供高质量资源,素材,源码,坚持 下了就能用 原则,让客户花了钱觉得值
上班时间 : 周一至周五9:00-17:30 期待您的加入