今天我要和大家分享的主題是關于CSS如何實現回到頂部功能。在網站中，經常會出現長長的頁面，當用戶看到底部時，需要回到頁面的頂部，這時回到頂部功能就非常有用了。 首先，我們可以使用一個按鈕來實現回到頂部的功能。在HTML中，可以使用button標簽創建一個按鈕，如下所示：

返回頂部

在CSS中，為了讓按鈕浮現在頁面上方，我們可以使用fixed定位，并設置right和bottom屬性值來控制按鈕的位置。同時，為了讓按鈕不影響頁面的其它內容，我們還需要給按鈕添加z-index屬性，如下所示：

#back-to-top {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 9999;
}

接下來，我們需要使用JavaScript來實現按鈕的點擊事件，以便讓頁面回到頂部。我們可以使用window.scrollTo()方法來實現這個功能。如下所示：

document.getElementById("back-to-top").addEventListener("click", function(){
window.scrollTo(0, 0);
});

在這里，addEventListener()方法將一個click事件綁定到按鈕上。當用戶點擊按鈕時，JavaScript將調用window.scrollTo()方法將頁面滾動到頂部的位置。 這樣，我們就完成了回到頂部功能的實現。當用戶點擊按鈕時，頁面會自動滾動到頂部，方便用戶繼續查看頁面內容。希望大家通過這篇文章能夠更加了解如何使用CSS和JavaScript實現回到頂部功能。