CSS頁面滾動是一種實現長頁面展示的方式。通過設置頁面滾動條，使得用戶可以在一個頁面中滑動到不同的內容區域。這樣能夠提高用戶體驗，同時也能夠使得整個頁面更加美觀和易于管理。

html {
overflow-y: scroll;
}

使用CSS實現頁面滾動的方法非常簡單。只需要在html標簽中設置overflow-y屬性為scroll即可。這樣可以在頁面高度超過瀏覽器窗口高度時，自動添加滾動條，讓用戶可以通過滑動來瀏覽頁面。

#section1,
#section2,
#section3,
#section4 {
height: 100vh;
}

除了設置滾動條，為了更好地管理長頁面，我們通常會將頁面分成多個段落，每個段落設置一個高度，保證頁面縱向排版的整潔性。在代碼中，可以為每個段落分配一個ID，并設置其高度為100vh，這樣每段內容就會占據整個瀏覽器的高度。

nav a {
display: block;
width: 100px;
text-align: center;
padding: 10px;
background-color: gray;
color: white;
text-decoration: none;
position: fixed;
top: 0;
left: 0;
}

在長頁面中，通常需要使用導航欄來幫助用戶快速瀏覽所需內容。通過CSS的position屬性可以使導航欄位置固定在頁面上方，讓用戶方便地跳轉到任意內容區域。

a[href="#section1"]:hover,
a[href="#section2"]:hover,
a[href="#section3"]:hover,
a[href="#section4"]:hover {
color: red;
}

最后，通過CSS的選擇器及偽類，我們可以實現鼠標懸停時導航欄鏈接文字的顏色改變，讓用戶更加直觀地知道自己正在瀏覽哪個內容區域。