CSS中的上下滾動可以通過設置元素的overflow屬性為scroll或auto來實現，當內容高度超過元素高度時，會生成滾動條，從而實現上下滾動。

.scroll-box {
height: 200px;
overflow-y: scroll; /* 或者使用overflow-y: auto; */
}

在上例中，scroll-box元素的高度為200px，當其中的內容超過200px時，會生成垂直滾動條。

另外，也可以使用CSS的transform屬性來實現上下滾動，可以結合transition或animation屬性實現平滑滾動效果。

.scroll-box {
height: 200px;
transform: translateY(-100px);
transition: transform 0.5s;
}
.scroll-box:hover {
transform: translateY(-200px);
}

在上例中，scroll-box元素的高度為200px，初始時通過transform將內容向上平移100px，鼠標懸停元素時，通過transform將內容再向上平移100px，從而實現滾動效果。

總之，CSS中的上下滾動有多種實現方式，可以根據具體需求選擇不同的方法。