HTML怎么設置回到頂部 在網頁制作過程中，經常需要在頁面中設置回到頂部的按鈕，讓用戶方便返回頁面頂部。下面介紹一種簡單的實現方式。 首先，在需要添加回到頂部按鈕的頁面中，添加以下HTML代碼：

? ?
回到頂部

其中，back-to-top為回到頂部按鈕的ID，#top為文檔中的錨點，即頁面頂部位置。 接著，在CSS文件中添加以下樣式：

? ?#back-to-top {
? ? ? ?position: fixed;
? ? ? ?bottom: 20px;
? ? ? ?right: 30px;
? ? ? ?display: none;
? ? ? ?z-index: 9999;
? ?}
? ?#back-to-top a {
? ? ? ?text-decoration: none;
? ? ? ?background-color: #333;
? ? ? ?color: #fff;
? ? ? ?font-size: 12px;
? ? ? ?padding: 10px;
? ? ? ?border-radius: 50%;
? ?}
? ?#back-to-top a:hover {
? ? ? ?background-color: #fff;
? ? ? ?color: #333;
? ?}

以上樣式中，back-to-top元素被定位到瀏覽器窗口的底部右側，并添加了一些樣式使其更加美觀。 接下來，將以下JavaScript代碼添加到頁面的底部，以實現當用戶滾動到頁面一定高度時，顯示回到頂部按鈕。

? ?

以上代碼中，使用jQuery庫實現了以下功能: 當用戶滾動到頁面100像素時，回到頂部按鈕的display屬性設置為“block”，即顯示按鈕。當scroll事件觸發時，分別在滿足和不滿足條件時設置回到頂部按鈕的顯示狀態。當用戶點擊回到頂部按鈕時，使用$（'body，html'）.animate（{scrollTop：0}，800）進行動畫滾動，實現回到頁面頂部。 整合以上代碼后，在頁面即可實現回到頂部按鈕。