link to section onepage design

Question

I tried to make a link to a section on a one page. It works strangely sometimes, but mostly it gets stuck at the section where you clicked the item and then if you want to scroll manually it does not work at all.

As far as I have seen on the Internet, there is no more to do than creating an a tag with href="#someID" and then clicking it, it should take me to the corresponding id or am I missing something?

<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

Thank you so mcuh for your help @ProEvilz I tried it outside of my IDE and now it works... Seems to be a problem inside of brackets.