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