CSS自定義滾動(dòng)條可以為網(wǎng)頁(yè)帶來(lái)更加美觀的UI體驗(yàn)，下面就讓我們一起來(lái)學(xué)習(xí)如何實(shí)現(xiàn)吧。

/*隱藏默認(rèn)滾動(dòng)條*/
::-webkit-scrollbar {
display: none;
}
/*自定義滾動(dòng)條*/
.scrollbar {
height: 100px;
width: 5px;
background-color: #f5f5f5;
margin: 10px;
border-radius: 10px;
overflow-y: auto;
}
/*定義滾動(dòng)條中拖拽的小圓球*/
.scrollbar-thumb {
background-color: #c1c1c1;
border-radius: 10px;
}
/*鼠標(biāo)停留時(shí)滑塊的樣式*/
.scrollbar-thumb:hover {
background-color: #a7a7a7;
}

以上CSS代碼就實(shí)現(xiàn)了一款簡(jiǎn)單的自定義滾動(dòng)條，只需要在`

這里是很長(zhǎng)的內(nèi)容，需要滾動(dòng)才能查看。