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

Question

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

score 2 · Accepted Answer

2

添加#id_of_the_element您希望链接到 URI 的末尾。

于 2013-06-06T15:17:23.370 回答

score 1 · Accepted Answer

我想这会奏效。

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

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

score 1 · Accepted Answer

只需为其添加一个锚点，它应该可以工作。在您的 javascript 上将位置更改为

http://yourwebsite.com/yourpage#somesectionname

并在页面中将锚定义为

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

score 1 · Accepted Answer

使用 HTML 锚标记在你的按钮上放一些类似的东西

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

<a name="anchor"></a>在要跳转到的页面元素周围的其他页面上

score 1 · Accepted Answer

只需将您希望滚动到的元素的 id 添加到 URL 的末尾。

例如，Will 的答案的 id 为“#answer-16965883”，因此 URL 为：

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

score 1 · Accepted Answer

如果您使用类似的链接

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

然后在 yourPage.html 添加

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

您希望页面在该页面上滚动到的位置。

有关规范的更多信息

6 回答 6