CSS是一種層疊樣式表語言，用于控制網頁中的樣式和布局。在網頁設計中，經常需要控制滾動條的行為，使頁面只能上下滾動而不能左右滾動。下面介紹兩種實現這種效果的方法。

方法1：使用overflow屬性

body {
 overflow-x: hidden; /* 隱藏橫向滾動條 */
 overflow-y: scroll; /* 顯示縱向滾動條 */
}

該方法主要是通過設置overflow屬性來實現的。其中，overflow-x控制橫向滾動條的顯示，將其設置為hidden即可隱藏，而overflow-y控制縱向滾動條的顯示，將其設置為scroll即可顯示。這樣就能夠實現只能上下滾動而不能左右滾動的效果。

方法2：使用position屬性

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

該方法主要是通過設置position屬性和四個方向的值來實現的。將position設置為fixed，可以將頁面固定在瀏覽器窗口中，top、left、right、bottom分別控制頁面的上、左、右、下邊距。同時，設置overflow-y為scroll，可以顯示縱向滾動條。這樣也可以實現只能上下滾動而不能左右滾動的效果。

以上兩種方法都能夠實現只能上下滾動而不能左右滾動的效果，可以根據實際情況選擇適合自己的方法使用。