網(wǎng)頁設(shè)計中的滾動條可以是水平的，也可以是垂直的。在某些網(wǎng)站中，你還可能會看到一種特殊的滾動，那就是上下滑動的滾屏。這種滾動方式常常出現(xiàn)在網(wǎng)頁的首頁或者主頁中，可以通過CSS來實現(xiàn)。

html,body{
height:100%;
overflow:hidden;
}
.container{
width:100%;
height:100%;
position:relative;
}
.container section{
width:100%;
height:100%;
position:absolute;
top:0;left:0;
}
.container section:nth-child(1){background:red;}
.container section:nth-child(2){background:blue;}
.container section:nth-child(3){background:green;}
.container section:nth-child(4){background:yellow;}

首先，我們需要為html和body元素設(shè)置高度為100%，以確保滾屏占滿整個屏幕。還需將overflow屬性設(shè)置為hidden，禁止出現(xiàn)瀏覽器自帶的滾動條。

接下來，在HTML中添加一個容器元素，用于置放每個需要滾動的區(qū)塊。我們可以使用CSS來為容器設(shè)置高度和寬度，同時為其設(shè)置relative定位。

在容器元素內(nèi)，每一個需要滾動的區(qū)塊都需要設(shè)置成絕對定位，并通過top和left屬性將其定位到容器的左上角。這些區(qū)塊需要設(shè)置相同的高度和寬度。

通過CSS，我們可以為每一個區(qū)塊指定不同的background-color，形成不同的色塊，在頁面上方便區(qū)分。

這樣簡單的CSS代碼即可實現(xiàn)上下滑動滾屏的效果。如果需要更多個滾動塊，只需在HTML中添加更多的標簽并復制相應(yīng)的CSS代碼即可。