錨鏈接導航不起作用

Question

有3個導航選項。當我點擊它們時，我希望我的頁面滾動到此項目。我喜歡在教程中。 上面做了一個錨點鏈接，並命名了一個部分，移動到哪裏。 但是當我點擊錨點時，我的導航系統變得有點高，而且都是。 發生在我點擊的每個鏈接上。幫幫我！！從所有div標籤

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

刪除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>