如何以编程方式滚动到页面中的位置以显示所需内容(而不是显示页面顶部)

Question

我在一些网站(如StackOverflow,雅虎,美国国土安全部门,......)上看到一个与链接相关联的单词,单击该链接时,不仅会加载页面,还会在确切的位置显示该页面.包含与单词开头相关的内容.

如何使用ASP.NET MVC获得它？(顺便说一句,我需要javascript吗？)

谢谢你的帮助

Answer 1

<a href="#jumpHere">Go to the other content</a>
<a name="jumpHere">Some content</a>

URL也可以包含/yourpage.html#jumpHere或包含变量/yourpage.html?var1=foo&var2=bar#jumpHere.

由于我们讨论的是哈希(#),它通常用于跳转到页面的特定部分.因此,它不会重新加载整个页面.这对于仅使用AJAX从一个视图移动到另一个视图的Web应用程序非常有用.为了使每个视图都可收藏,JavaScript会将状态(您使用的视图)"保存" location.hash到URL.下次打开URL时,JavaScript会读取该URL并加载正确的视图.在HTML5中,这被取代了pushState.