使用锚点链接的导航不起作用

Question

有3个导航选项。当我点击它们时，我希望我的页面滚动到这个项目。我确实喜欢教程。在上面做了一个锚点链接，并命名了一个部分，移动到哪里。但是当我点击锚点的时候，我的导航器就稍微上了一点，仅此而已。我点击的每一个链接都会发生这种情况。救命！！

    Navs:

      <div class="bar" id="about"><a href="#about"><b>About</b></a></div>
      <div class="bar" id="skills"><a href="#skills"><b>Skills</b></a></div>
      <div class="bar" id="contacts"><a href="#contacts"><b>Contacts</b></a></div>

    Sections:

      <h3 class="about_head"><a id="about">Some facts about me</a></h3>
      <h3 class="skills_head"><a id="skills">Langugages and Tools i'm familiar with</a></h3>
      <h3 class="postcard_head"><a id="contacts">Leave your feedback</a></h3>                           

Answer 1

从所有的div标签中删除id，它就可以工作了

<div class="bar"><a href="#about"><b>About</b></a></div>
<div class="bar"><a href="#skills"><b>Skills</b></a></div>
<div class="bar"><a href="#contacts"><b>Contacts</b></a></div>

<div class="bar" id="about"><a href="#about"><b>About</b></a></div>
<div class="bar" id="skills"><a href="#skills"><b>Skills</b></a></div>
<div class="bar" id="contacts"><a href="#contacts"><b>Contacts</b></a></div>