thinkadmin修改滚动条样式

位置:首页 / 新闻中心 / 知识教程

知识教程 Admin 2024-02-23 18:18:30 2594
近期使用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 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件

以上就是“thinkadmin修改滚动条样式”的详细内容,更多请关注木子天禾科技其它相关文章!


以上就是“thinkadmin修改滚动条样式”的详细内容,更多请关注木子天禾科技其它相关文章!

15934152105 扫描微信