javascript - 如何制作滚动到顶部的 HTML 后退按钮？

Question

我正在尝试创建一个简单的按钮链接，使用户返回历史上的一页，但也返回到该页面的顶部，而不是他们之前的位置。

我一直在尝试一些 html/javascrpit 来实现这个但无济于事。有什么建议么？

<a href="#" onClick="history.go(-1);return true;window.scrollTo(0,0);"  class="btn home-button "> Back </a>

和/或

<a href="javascript:history.go(-1)" onclick="window.scrollTo(0,0);"  class="btn home-button "> Back </a>

第二段代码确实滚动到顶部，但它发生在页面加载之前。

Answer 1

您可以在您的第一页或 js 文件中添加此代码:

window.onbeforeunload = function () {
  window.scrollTo(0, 0);
}

另一种方法是创建一个函数来更改页面。

function nextPage() {
   window.scrollTo(0, 0);
   document.location.href = "page2.html";
}

最后是你的:

<a onclick="nextPage()" href="#"> Page 2 </a>