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

Question

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

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

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

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

Answer 1

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

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

解决方案

只需为要滚动的元素提供一个 ID，然后在 anchor 标记中您可以通过 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