您好,欢迎访问木子天禾科技官网!
17319297980
15934152105
北京软件开发公司_山西软件开发公司_木子天禾科技官网
联系我们

北京软件开发公司_山西软件开发公司_木子天禾科技官网

地址:山西省太原市小店区恒大未来城5-1711
手机:15934152105

咨询热线17319297980

thinkadmin修改滚动条样式

发布时间:2020-09-17 11:40人气:

近期使用thinkadmin框架做管理后台,列表列和行比较多,发现此框架无法自动显示滚动条,一顿操作,终于正常显示,具体如下,请大家参考:

css样式:

 
/*修改滚动条样式*/
div::-webkit-scrollbar{
  width:10px;
  height:10px;
  /**/
}
div::-webkit-scrollbar-track{
  background: rgb(239, 239, 239);
  border-radius:2px;
}
div::-webkit-scrollbar-thumb{
  background: #bfbfbf;
  border-radius:10px;
}
div::-webkit-scrollbar-thumb:hover{
  background: #333;
}
div::-webkit-scrollbar-corner{
  background: #179a16;
}
 
参数说明:
 
::-webkit-scrollbar 滚动条整体部分
::-webkit-scrollbar-thumb  滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条)
::-webkit-scrollbar-track  滚动条的轨道(里面装有Thumb)
::-webkit-scrollbar-button 滚动条的轨道的两端按钮,允许通过点击微调小方块的位置。
::-webkit-scrollbar-track-piece 内层轨道,滚动条中间部分(除去)
::-webkit-scrollbar-corner 边角,即两个滚动条的交汇处
::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件

推荐资讯

17319297980