Question

我在网页的页脚中使用HTML锚标记作为“返回顶部”链接：

<a href="#top" class="footer__top">Back to top</a>

在页面顶部，我在<HEAD>中插入了另一个锚标记：

<a id="#top"></a>

单击页脚锚点链接会导致页面按预期向上滚动，但有没有办法简单地滚动到顶部（使用HTML）而不刷新页面？

对于上下文，正在显示搜索结果，因此当页面刷新时，结果将丢失。

我找到了一个使用Javascript的可能解决方案（见下文 - 它滚动到顶部而不刷新页面）但这会导致其他问题（搜索输入字段变得冻结，用户无法输入更多术语），所以我问是否有一个使用HTML的解决方案：

  $("a[href='#top']").click(function() {
      $("html, body").animate({ scrollTop: 0 }, "fast");
      return false;
  });

Answer 1

如果你想滚动到页面顶部（你的div在顶部）您可以使用以下Javascript语法来实现此目的。

window.scrollto(0,0) // (0,0) being the location