CSS如何實現回到頂部功能？ 使用回到頂部的功能，可以使用戶更加方便地瀏覽網頁，提升用戶體驗。下面是一個簡單的CSS示例來實現這個功能。 首先，我們需要在頁面的底部添加一個固定位置的返回頂部按鈕：

.btn {
position: fixed;
bottom: 50px;
right: 50px;
}

這個按鈕將始終保持在屏幕的右下角，并且隨著滾動而移動。 接下來，我們需要用JavaScript來編寫回到頂部按鈕的點擊事件。我們可以將這段JS代碼添加到頁面的頭部或底部中：

在這個JavaScript代碼中，我們首先獲取回到頂部按鈕的元素，并用window對象添加一個滾動事件監聽器。如果頁面滾動超過100像素，就增加“show”類以顯示回到頂部按鈕，否則就刪除該類以隱藏按鈕。 當用戶點擊按鈕時，我們使用document.documentElement.scrollTop將文檔的垂直滾動位置設置為0，實現回到頂部的效果。 這就是一個簡單的CSS示例，用于實現回到頁面頂部的功能。您可以根據自己的需要進行必要的調整，以便該功能適應您的網站設計。