javascript - 链接到页面设计部分

Question

我试图在一页上建立一个部分的链接。有时它会奇怪地工作，但大多数情况下它会卡在您单击该元素的部分，然后如果您想手动滚动它根本不起作用。

据我在 Internet 上看到的，除了创建一个带有 href="#someID"的标签然后单击它，它应该会带我到相应的 id 还是我错过了什么？

<div>
  <div class="content-wrapper">
    <div class="v-center">
      <div class="main-content" style="margin-top: 200px">
        <p> Some Text </p>
        <ul>
          <li><a href="#anmeldungsprobleme">Problem Collection<br></a></li>
          <li><a href="#anmeldungJA">Specific Problem1<br></a></li>
          <li><a href="#anmeldungNEIN">Specific Problem2<br></a></li>
          <li><a href="#">Specific Problem3<br></a></li>
        </ul>
      </div>
    </div>
  </div>

  <div style="margin-top: 400px">
    <div>
      <div id="anmeldungsprobleme">
        <h2>IDC Anmeldung schlägt generell fehl</h2>
      </div>
      <div>
        <p>Descriptive Text</p>
        <p style="color: green"> Username: Placeholder<br> Passwort: *********</p>
      </div>
    </div>
  </div>

  <div id="anmeldungJA">
    <h3>Anmeldung ist möglich</h3>
    <p>Text about the problem</p>
  </div>
</div>

Answer 1

非常感谢@ProEvilz 的帮助我在我的 IDE 之外尝试过它，现在它可以工作了......似乎是括号内的问题。