有以下幾種方法可以將頁面回到頂部:
window.scrollTo
方法將滾動位置設置為(0,0)
,即可將頁面滾動到頂部。window.scrollTo(0, 0);
id
屬性的元素,然后使用錨鏈接將頁面滾動到該元素位置。例如,將一個帶有id="top"
的<div>
元素放置在頁面頂部,然后在頁面底部添加一個指向該元素的錨鏈接。<div id="top"></div>
<!-- 在頁面底部添加一個回到頂部的錨鏈接 -->
<a href="#top">回到頂部</a>
animate
方法可以實現平滑滾動到頁面頂部的效果。$('html, body').animate({scrollTop: 0}, 'slow');
<button onclick="scrollToTop()">回到頂部</button>
<script>
function scrollToTop() {
window.scrollTo(0, 0);
}
</script>
這些方法可以根據實際需求選擇適合的方式來實現頁面回到頂部的功能。