CSS側邊分類分別滾動是頁面設計中常見的一種效果，可以讓頁面布局更加美觀，并提高用戶體驗，下面我們來介紹如何實現這個效果。

.sidebar {
height: 500px;
overflow-y: auto;
}
.category-list {
margin: 0;
padding: 0;
}
.category {
padding: 10px;
border-bottom: 1px solid #ccc;
}
.category:hover {
background-color: #f7f7f7;
}

首先，我們需要給側邊欄容器一個固定的高度，這樣就能使滾動條上下滾動。通過設置overflow-y屬性為auto，當內容超過容器高度時就會出現滾動條。

接下來，我們需要為分類列表添加樣式。可以使用無序列表（ul）或者有序列表（ol）來實現。這里我們使用無序列表，并將margin和padding設置為0，以去除默認的列表樣式。

對于每一個分類，我們還需設置padding和border樣式來顯式顯示分類之間的邊界。當鼠標懸停時，我們將背景顏色改為灰色，以突出當前分類。

通過以上CSS樣式的設置，我們就可以實現CSS側邊分類分別滾動效果。當分類列表的內容超過容器高度時，就會出現垂直滾動條，用戶可以通過滾動條上下滾動。同時，每個分類之間還有明顯的邊界線，清晰明了，方便用戶查找和瀏覽。