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

【问题标题】：Nav li redirects to another section in another pageNav li 重定向到另一个页面中的另一个部分
【发布时间】：2017-04-25 12:32:54
【问题描述】：

我在两个不同的文件夹中有两个 html 页面，它们都有相同的导航栏，假设它们被命名为 page1 和 page2，我希望 page2 中的导航 li 将我重定向到 page1 中的特定部分，我该怎么做这样做吗？
我试过了，但没有用：

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

【问题讨论】：

你可以使用w3schools.com/bootstrap/…
您在上面发布的内容应该已经可以使用了。有什么问题？
@Avihaym 用“使用引导程序”回答关于完全不同主题的问题（如这里）真的对任何人都没有帮助......（问题是关于链接 - 引导程序与链接无关）
@Johannes 它不工作，我也在使用 scrollspy，所以我希望它转到另一页中的部分，然后向下滚动到给定部分，但它不会去任何它停留的地方
啊，好的。最有可能的 scrollspy 正在阻止跳转到锚点的默认操作。它是转到页面顶部还是直接转到链接部分（无需滚动）？

标签： html href navbar scrollspy

【解决方案1】：

您需要在页面 1 中使用id="sectionid" 设置 HTML 元素，以便 HTML 书签正常工作。例如：

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

【讨论】：

【解决方案2】：

你需要像这样创建它：

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

所以你在"href" 属性中# 后面的内容是指另一个html 元素中的"id" 属性。（不带#）

【讨论】：