链接到同一页面上的另一部分

Question

我可以在我的页面上说4个部分。每个部分都有一个下拉箭头链接，该链接位于部分代码<a></a>内的<section></section>标记中，链接到彼此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 的名称更改为其他名称。