底部和顶部页面的 HTML 链接 [重复]

Posted 2023-03-10

【中文标题】底部和顶部页面的 HTML 链接 [重复]

【英文标题】：HTML link for bottom and top page [duplicate]

【发布时间】：2018-11-18 14:53:06

【问题描述】：

我想在我的页面中放置一个链接，该链接将我带到页面底部，一个链接将我带到我的页面顶部以及页面的某些部分。 如何将链接指向我的页面，该链接不会将我重定向到另一个网站，而是指向页面或部分的顶部/底部？

谢谢

【问题讨论】：

您可以通过 ID 链接到特定元素。即<div id="section"></div> 和<a href="#section">Go</a>

【参考方案1】：

您需要使用 html 锚。

例如，在页面顶部（实际上是您要指向的位置），其中一个 html 元素的 id 为 top。

<div id="top"> ...</div>

如果你放一个链接，比如：

<a href="#top">go to the top</a>

...点击时，浏览器将指向 ID 为 top 的 div。 页面的任何部分都采用相同的方式。

【讨论】：

添加到这个。具有滚动效果，否则它只会跳转到锚点。

【参考方案2】：

为此，您需要锚链接像这样：

<a href="#bottom">bottom section</a>

在您的 HTML 页面底部的一个元素后跟 id="bottom"