如何在单击页面内链接的锚标签时防止页面重新加载？

我使用的是HTML锚标记为“返回顶部”链接在我的web页面的页脚：如何在单击页面内链接的锚标签时防止页面重新加载？

<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; 
    });

2017-08-03 orlando21

一个简单的锚链接到一个id不会导致页面刷新。如果有的话，你一定还有其他的事情要做。你也已经用尽了单独的HTML，一个id的锚点。 –

我曾经读过某处（或者以为我读过）单击页面内的锚定标记链接会导致页面刷新。但如果你说它不这样做，那么我将不得不进一步研究这一点。 – orlando21

如果你想滚动到页面顶部（您的DIV在顶部），您可以使用以下JavaScript语法来实现这一目标。

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

2017-08-03 16:47:23 Hiral

回答