CSS修改瀏覽器默認(rèn)滾動(dòng)條，增加不貼邊修改

ul{
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
}
ul li{
  width: 80px;
  height: 30px;
  line-height: 30px;
  color: #1B1C29;
  font-size: 12px;
}

ul::-webkit-scrollbar {
  /* display: none; */
  width: 16px;
  height: 1px;
}
/*滾動(dòng)條滑塊*/
ul::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 5px solid #fff;
    /* -webkit-box-shadow: 8px 0 0 #E5E5E5 inset;*/
    background: #E5E5E5;
}
/*滾動(dòng)條軌道*/
ul::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); */
    border-radius: 6px;
    background: #fff;
}
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容