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

EN

<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会读取它并加载正确的视图。在HTML5中，这被pushState所取代。

1)在页面上找到元素的坐标

2) window.scrollTo(x,y)

您需要在页面中创建一个命名的锚点。这将产生您正在讨论的结果，就像在页面中创建一个“书签”一样。不需要javascript。

首先，使用指定了<a>属性的name标记(在本例中为section1)创建锚点：

<a name="section1"></a>

然后，要从同一个页面链接到该锚点，只需使用如下内容：

<a href="#section1">Go to Section 1</a>

如果您从另一个页面(在本例中为mypage.html)链接到该锚点，请在url的末尾添加#section1：

<a href="mypage.html#section1">Go to Section 1 in MyPage.html</a>

有关更多信息，请参见这里。