有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>
答案 0 :(得分: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>