如何使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>