CSS中提供了許多屬性來控制元素的樣式，其中有一個非常重要的屬性就是滾動屬性。滾動屬性分為上下滾動和左右滾動兩種，本篇主要介紹CSS中實現上下滾動的屬性。

/* 控制元素的最大高度和溢出時的滾動條樣式 */
.element {
max-height: 200px;
overflow-y: auto;
}

上述代碼中，我們使用了一個叫做max-height的屬性來指定元素最大的高度，如果超過了這個高度，元素溢出時將會出現滾動條。我們還使用了一個叫做overflow-y的屬性來指定垂直方向的滾動條出現方式，auto表示元素溢出時自動出現滾動條。

/* 控制滾動條的樣式 */
::-webkit-scrollbar {
width: 5px;
background: #f5f5f5;
}
::-webkit-scrollbar-thumb {
background: #888;
}

上述代碼中，我們使用了::-webkit-scrollbar和::-webkit-scrollbar-thumb兩個偽元素來控制滾動條和滾動條拇指的樣式。其中，width指定滾動條的寬度，background指定背景顏色，::-webkit-scrollbar-thumb指定滾動條拇指的樣式。

當然，我們還可以通過JavaScript來控制元素的滾動，例如使用element.scrollTop和element.scrollBy()方法來實現滾動效果。

總之，在CSS中控制元素的上下滾動非常簡單，只需要幾個簡單的屬性和樣式就可以完成。希望本文能夠為大家帶來一些幫助。