时间戳

首页 > 解决方案 > 链接按钮到同一页面中的标题

javascript - 链接按钮到同一页面中的标题

问题描述

我正在尝试将按钮链接到同一页面上不同部分的标题，但我不知道如何使用。我可以使用从一个类到另一个类的链接，但如何使用具体的词。我所做的是

<Button className="sec-btn"> <a href="/ Antsy services"> Get Started</a> </Button>

我希望用户单击“开始”按钮，然后将其链接到同一页面上的“Antsy 服务”标题。

<h1 className="heading-1">Antsy services</h1>

标签： javascriptreactjshyperlinkreact-router

解决方案

我从这个问题中了解到的是，您有一个 href 锚标记元素，单击该元素时，您希望将页面向下滚动到不同的元素。

您可以使用 ID 作为在同一页面上的元素之间链接的一种形式。

解决方案

只需给要滚动到 ID 的元素，然后在锚标记中，您可以通过 href 提供指向它的链接。

<a href="#test">
  <button> click me </button>
</a>

<div class="space"></div>

<div id="test">
  <p> hello </p>
</div>

这是它的代码笔，因此更容易看到效果。

https://codepen.io/shanecreedon/pen/poJGovK

推荐阅读