CSS是前端開發中非常重要的一部分，它可以幫助我們設計出各種各樣的頁面。其中，設計頁面滾動也是CSS的一個功能之一。

在CSS中，我們可以使用以下三種方式來設計頁面滾動：

/* 第一種方式 */
overflow: auto;
/* 第二種方式 */
height: 100%;
overflow-y: scroll;
/* 第三種方式 */
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow-y: scroll;

以上三種方式都可以實現滾動效果，具體選擇哪種方式取決于我們的需求。

如果我們需要讓頁面在內容足夠多的時候自動滾動，第一種方式就非常適合。我們只需要在需要自動滾動的元素上使用該屬性就行了。比如：

.scrollable {
overflow: auto;
}

如果我們需要在頁面中添加一個固定大小的滾動容器，這時候第二種方式就非常適合。我們可以設置容器的高度為100%、寬度為固定數值，然后在容器上使用overflow-y:scroll;屬性。比如：

.scroll-container {
height: 100%;
width: 400px;
overflow-y: scroll;
}

如果我們需要在整個頁面中添加一個大的滾動容器，以滾動整個頁面，第三種方式就非常適合。我們可以將容器的位置設為fixed定位，然后將容器的top、left、right、bottom都設置為0，以充滿整個頁面。最后在容器上使用overflow-y:scroll;屬性。比如：

.fullscreen-scroll {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow-y: scroll;
}

總之，在CSS中設計頁面滾動非常簡單。只需要根據自己的需求選擇合適的滾動方式就行了。