thinkadmin修改滾動條樣式

位置:首頁 / 新聞中心 / 知識教程

知識教程 Admin 2024-02-23 18:18:30 1265
近期使用thinkadmin框架做管理后臺,列表列和行比較多,發(fā)現(xiàn)此框架無法自動顯示滾動條,一頓操作,終于正常顯示,具體如下,請大家參考:

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;
}
 
參數(shù)說明:
 
::-webkit-scrollbar 滾動條整體部分
::-webkit-scrollbar-thumb  滾動條里面的小方塊,能向上向下移動(或往左往右移動,取決于是垂直滾動條還是水平滾動條)
::-webkit-scrollbar-track  滾動條的軌道(里面裝有Thumb)
::-webkit-scrollbar-button 滾動條的軌道的兩端按鈕,允許通過點(diǎn)擊微調(diào)小方塊的位置。
::-webkit-scrollbar-track-piece 內(nèi)層軌道,滾動條中間部分(除去)
::-webkit-scrollbar-corner 邊角,即兩個滾動條的交匯處
::-webkit-resizer 兩個滾動條的交匯處上用于通過拖動調(diào)整元素大小的小控件

以上就是“thinkadmin修改滾動條樣式”的詳細(xì)內(nèi)容,更多請關(guān)注木子天禾科技其它相關(guān)文章!


以上就是“thinkadmin修改滾動條樣式”的詳細(xì)內(nèi)容,更多請關(guān)注木子天禾科技其它相關(guān)文章!

15934152105 掃描微信