强制链接转到页面顶部

时间:2012-08-31 20:20:10

标签: html anchor hyperlink

我在一个index.html内有一个包含多个页面的网站。

菜单元素使用路径“#!/ ...”

调用这些页面
<nav class="menu">
                <ul id="menu">
                    <li id="item1"><span></span><a "javascript:void(0)" href="#!/">home</a></li>
                    <li id="item2"><span></span><a href="#!/page_about">about us</a></li>
                    <li id="item3"><span></span><a href="#!/page_services">what we do</a></li>
                    <li id="item4"><span></span><a href="#!/page_work">our work</a></li>
                    <li id="item5"><span></span><a href="#!/page_links">links</a></li>
                    <li id="item6"><span></span><a href="#!/page_alert"><span></span>opportunity alert</a></li>
                    <li id="item7"><span></span><a href="#!/page_contacts">contact us</a></li>
                </ul>
          </nav>

除非您向下滚动页面,然后单击其他链接,然后单击指向您向下滚动的上一页的链接,否则这似乎没有问题。这会使您返回到之前向下滚动的位置。当您点击任何页面链接时,我需要它返回到每个页面的顶部。

1 个答案:

答案 0 :(得分:0)

请拿出英镑符号:

<nav class="menu">
    <ul id="menu">
        <li id="item1"><span></span><a "javascript:void(0)" href="/">home</a></li>
        <li id="item2"><span></span><a href="/page_about">about us</a></li>
        <li id="item3"><span></span><a href="/page_services">what we do</a></li>
        <li id="item4"><span></span><a href="/page_work">our work</a></li>
        <li id="item5"><span></span><a href="/page_links">links</a></li>
        <li id="item6"><span></span><a href="/page_alert"><span></span>opportunity alert</a></li>
        <li id="item7"><span></span><a href="/page_contacts">contact us</a></li>
    </ul>
</nav>