CSS是網頁開發中不可或缺的一部分，它能夠讓我們的頁面呈現出更加優美的效果。實現頁面上下滾動也是CSS的一個重要應用之一。

html {
overflow-y: scroll;
height: 100%;
}
body {
height: 100%;
margin: 0;
padding: 0;
}

如上代碼所示，我們首先需要將HTML的垂直滾動條設置為可滾動，以便在頁面內容溢出時自動顯示滾動條。同時需要設置HTML的高度為100%以覆蓋整個窗口。

接下來，我們還需要將Body的高度也設為100%，這是為了讓Body與HTML完全重疊，以保證滾動條的正常展現。同時設置Body的Margin和Padding都為0，以避免滾動條與頁面的間距。

通過以上CSS的設置，我們就可以實現頁面的上下滾動了。需要注意的是，如果頁面內容沒有溢出，則垂直滾動條并不會出現。