thinkadmin修改滾動(dòng)條樣式

位置:首頁 / 新聞中心 / 知識(shí)教程

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

css樣式:

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

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


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

15934152105 掃描微信