link 到同一页面上的另一个部分

Question

我的页面上有 4 个部分。每个部分都有一个下拉箭头 link，它位于部分标签 <section></section> 内的 <a></a> 标签中 link 彼此 id's.

出于某种原因，我的第一个下拉标签不起作用。我无法解释为什么，我错过了什么？

我觉得我拼错了 id 或错误地放置了 a 标签，但看起来一切正常，让我感到困惑。

这是我的代码：

<section>

  <section id="home">
    <div>
      <section id="top">
        {content}
      </section>

      <a href="#section1" class="slidTonext"></a>

    </div>
  </section>

  <section id="section1">
    <div>
      <section id="mid">
        {content}
      </section>

      <a href="#section2" class="slidTonext"></a>

    </div>
  </section>

  <section id="section2">
    <div>
      <section id="bot">
        {content}
      </section>
    </div>
  </section>

</section>

出于某种原因 href="#section1" 无法正常工作，但下面的部分 href="#section2" 可以正常工作。困惑，我可以在这里错过什么？

Answer 1

尝试将 section1 的名称更改为其他名称。

link 到同一页面上的另一个部分

link to another section on same page

html

sections