最近遇到了一個比較棘手的問題，就是在使用CSS圓角滾動條的時候，總是出現被遮擋的情況，網上的解決方案也不是很好用。

經過一番摸索，發現問題的根源在于滾動條的樣式設置，尤其是軌道的設置，需要特別注意。

/* 設置滾動條軌道 */
::-webkit-scrollbar-track {
border-radius: 10px; /* 圓角半徑 */
background-color: #f1f1f1; /* 背景顏色 */
}
/* 設置滾動條滑塊 */
::-webkit-scrollbar-thumb {
border-radius: 10px; /* 圓角半徑 */
background-color: #888; /* 滑塊顏色 */
}
/* 設置滾動條 */
::-webkit-scrollbar {
width: 8px; /* 寬度 */
}
/* 隱藏滾動條 */
::-webkit-scrollbar {
display: none;
}

在設置滾動條軌道的時候，需要設置border-radius屬性來設置圓角半徑，否則就會出現被遮擋的情況。同時，為了讓整個滾動條看起來更加美觀，還需要設置滑塊的樣式。

最后，如果有需要隱藏滾動條的情況，可以使用display:none來實現，但要注意，在有些瀏覽器中，隱藏滾動條會出現兼容性問題。