锚定同一页面上的元素的链接不起作用？

Question

我列表中的href链接未将页面移至同一页面上的相应元素。 我可以看到url中的更改，但屏幕上什么都没有。

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

Answer 1

将您的部分更改为：

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

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

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

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

Answer 2

这是解释问题：

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