HTML點擊返回頂部代碼 在網頁閱讀過程中，隨著頁面的不斷滾動，有時候需要快速回到網頁的頂部，這時候就需要一個點擊返回頂部的按鈕。在HTML中，我們可以使用一個JavaScript函數來實現這個功能。 下面是一個簡單的HTML代碼示例，其中使用了一個按鈕和一個JavaScript函數：

<button onclick="topFunction()" id="myBtn" title="Go to top">返回頂部</button>
<script>
// 當用戶滾動頁面時，顯示或隱藏返回頂部按鈕
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("myBtn").style.display = "block";
} else {
document.getElementById("myBtn").style.display = "none";
}
}
// 當用戶點擊返回頂部按鈕時，平滑地滾動回頁面頂部
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>

在這個例子中，我們首先創建了一個按鈕，這個按鈕的onclick屬性綁定了一個JavaScript函數，即topFunction()。當用戶點擊這個按鈕時，topFunction()會被調用，這個函數會將文檔的scrollTop屬性設置為0，這樣就能通過平滑的滾動回到頁面的頂部。 為了使這個按鈕只在需要時顯示，我們還添加了一個JavaScript函數scrollFunction()。這個函數會在用戶滾動頁面時檢查scrollTop屬性，如果scrollTop大于20，那么顯示按鈕，否則隱藏按鈕。 如果您想在自己的網頁上使用這個功能，只需要將這些HTML和JavaScript代碼復制到您的網頁中即可。這個代碼可以幫助您為用戶提供一個更加方便的瀏覽體驗，讓用戶更加舒適地瀏覽網頁。