/* 設置滾動條的樣式 */
::-webkit-scrollbar {
width:8px;
height: 2px;
}
/* 滾動槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.3);
/*inset后 第一個0表示：陰影水平偏移值（可取正負值）草描；第二個0：陰影垂直偏移值（可取正負值）吕晌；1px：陰影模糊值（越小表示越清晰）棱貌；rgba(0,0,0,0.3)：陰影顏色遭京；*/
border-radius:100px;
opacity: 0;
}
/* 滾動條滑塊 */
::-webkit-scrollbar-thumb {
border-radius:100px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset 0 0 0px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background:#D8D8D8;
}
效果如圖
image.png
