CSS是一種層疊樣式表語(yǔ)言，用于控制網(wǎng)頁(yè)中的樣式和布局。在網(wǎng)頁(yè)設(shè)計(jì)中，經(jīng)常需要控制滾動(dòng)條的行為，使頁(yè)面只能上下滾動(dòng)而不能左右滾動(dòng)。下面介紹兩種實(shí)現(xiàn)這種效果的方法。

方法1：使用overflow屬性

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

該方法主要是通過(guò)設(shè)置overflow屬性來(lái)實(shí)現(xiàn)的。其中，overflow-x控制橫向滾動(dòng)條的顯示，將其設(shè)置為hidden即可隱藏，而overflow-y控制縱向滾動(dòng)條的顯示，將其設(shè)置為scroll即可顯示。這樣就能夠?qū)崿F(xiàn)只能上下滾動(dòng)而不能左右滾動(dòng)的效果。

方法2：使用position屬性

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

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

以上兩種方法都能夠?qū)崿F(xiàn)只能上下滾動(dòng)而不能左右滾動(dòng)的效果，可以根據(jù)實(shí)際情況選擇適合自己的方法使用。