앵커 링크가있는 탐색이 작동하지 않습니다.

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>