如何通过滚动添加超文本链接到新页面上的特定点？

Question

我在我的HTML页面上添加了一个按钮，当点击它时，我会看到一个新的URL（它就像一个超文本链接＆＃34;后面＆＃34;按钮），并想知道怎么可能我这样做了，新打开的页面将向下滚动到该页面上的特定点而不是顶部？

Answer 1

将您要链接的#id_of_the_element添加到URI的末尾。

Answer 2

我想这会奏效。

<a href="www.yoursite.com/newpage.html#id">Link</a>

其中ID是您要滚动到的元素的ID。

Answer 3

只需添加一个锚点就可以了。 在您的javascript上将位置更改为

http://yourwebsite.com/yourpage#somesectionname

并在页面中将锚定义为

<a id="somesectionname">Some Section</a>

请参阅http://www.w3schools.com/html/html_links.asp

Answer 4

使用HTML锚标记 在您的按钮上放置类似

的内容

<a href="http://example.com/filename.html#anchor">Link Text</a>

在另一页上，将<a name="anchor"></a>放在要跳转到

的页面元素周围

Answer 5

只需将要滚动的元素的ID添加到URL的末尾即可。

例如Will's answer的ID为'＃answer-16965883`，因此网址为：

https://stackoverflow.com/questions/16965815/how-to-add-a-hypertext-link-with-scrolling-to-a-specific-point-on-that-new-page#answer-16965883

Answer 6

如果您使用

之类的链接

<a href="yourPage.html#WhereToScroll">Scrolling link</a>

然后在yourPage.html上添加

<a id="WhereToScroll"></a>

您希望页面在该页面上滚动到哪里。

spec

提供了更多信息