javascript - url 中没有 id 的内部链接

Question

如果我们需要跳转到顶部那么我们可以简单地写一段代码

<a href="#top">link to top</a>

或者只是javascript代码

location.href=#top

结果:将我们带到首页，网址为:http://fiddle.jshell.net/_display/#top .

但我的问题是，我不想在 url 字符串上显示/#top 查询，但我希望我的页面位于顶部部分。我不想在 url 中显示该字符串的原因是，如果浏览器找不到名为 top 的“id”，我的页面就会卡住。我正在显示的上下文或信息在对话框中，因此一旦对话框关闭时没有任何名为 top 的 id 然后当用户尝试刷新该页面时即 http://fiddle.jshell.net/_display/#top , 页面卡住。

谁能为这个问题提供更好的解决方案？

Answer 1

你几乎没有选择......

您可以使用纯 Javscript:

window.scrollTo(X, Y);(显然 X 和 Y 是滚动坐标，top 将为 0,0)。

另一个选项(非基于 jQuery)可以是:

document.body.scrollTop = document.documentElement.scrollTop = 0;

如果您更喜欢基于 jQuery 的解决方案，请尝试以下操作:

$(document).scrollTop(0);

或者，还有:

$(window).scrollTop(0);

使用更适合您需要的选项。

享受编码。