Nav li重定向到另一个页面中的另一个部分

时间:2017-04-25 12:32:55

标签: html href navbar scrollspy

我在两个不同的文件夹中有两个html页面,它们都有相同的导航栏,让我们假设它们被命名为page1和page2,我希望第2页的导航栏能够将我重定向到特定的部分在第1页,我该怎么做? 我尝试了这个,但它没有工作:

<a href="../foldername/page1.html#sectionid"></a>

2 个答案:

答案 0 :(得分:0)

您需要在第1页中设置一个带有id="sectionid"的HTML元素,以便HTML书签正常工作。 例如:

<h2 id="sectionid">BOOKMARK</h2>

答案 1 :(得分:0)

您需要像这样创建:

<nav>
  <ul>
    <li><a href="#Home">Home</a></li>
    <li><a href="#About">About</a></li>
    <li><a href="#Clients">Clients</a></li>
    <li><a href="#Contact">Contact Us</a></li>
  </ul>
</nav>

然后在相关文章中举例说明:

    <div class="article">
       <h1 class="title" id="Home">Home</h1>
       Sample text
    </div>

    <div class="article">
       <h1 class="title" id="About">About</h1>
       Sample text
    </div>

    <div class="article">
       <h1 class="title" id="Clients">Clients</h1>
       Sample text
    </div>

那么你在&#34; href&#34;中的#之后放了什么属性,指的是&#34; id&#34;属性在另一个html元素中。 (没有#)