2017-06-30 47 views
0

我列表中的href链接不会将页面移动到同一页面上的相应元素。我可以在网址中看到更改,但屏幕上没有任何内容。链接到同一页面上的元素的链接不工作?

<div id="allSections"> 

    <!--ALL SIDE SECTIONS--------------------------> 
    <nav> 
     <ul> 
      <li><a class="scroll" href="#hero">Welcome</a></li> 
      <li><a class="scroll" href="#branches">Venues</a></li> 
      <li><a class="scroll" href="#reservation">Reservation</a></li> 
      <li><a class="scroll" href="#contactus">Contact Us</a></li> 
      <li><a class="scroll" href="#map">Map</a></li> 
     </ul> 
    </nav> 

    <div> 
     <section name="#hero" id="#hero"> 
      <div> 
       <div id="imgContainer"> 
        <img src="images/2017-02-26_004802.png"> 
       </div> 
      </div> 
     </section> 

     <section name="#branches" id="#branches"></section> 

     <section name="#reservation" id="#reservation"></section> 

     <section name="#contactus" id="#contactus"></section> 

     <section name="#map" id="#map"></section> 
    </div> 

    <!--ALL SIDE SECTIONS-----------------------------> 

</div> 

+2

从您部分IDS删除#。 – Etherealm

回答

2

更改部分:

<section id="branches"></section> 

    <section id="reservation"></section> 

    <section id="contactus"></section> 

    <section id="map"></section> 
+0

谢谢!那很愚蠢。我不知道我怎么没有看到。 :) –

0

这里是解释的问题:

https://www.w3schools.com/tags/att_a_name.asp 
+0

可能是一个评论。 – Ibu

相关问题