【问题标题】:HTML link for bottom and top page [duplicate]底部和顶部页面的 HTML 链接 [重复]
【发布时间】:2018-11-18 14:53:06
【问题描述】:

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

谢谢

【问题讨论】:

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

标签: html


【解决方案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"

【讨论】: