Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 导航李重定向到另一页中的另一节_Html_Href_Navbar_Scrollspy - Fatal编程技术网

Html 导航李重定向到另一页中的另一节

Html 导航李重定向到另一页中的另一节,html,href,navbar,scrollspy,Html,Href,Navbar,Scrollspy,我在两个不同的文件夹中有两个html页面,它们都有相同的导航栏,让我们假设它们分别命名为page1和page2,我希望page2中的nav li将我重定向到page1中的特定部分,我该如何做? 我试过了,但没用: <a href="../foldername/page1.html#sectionid"></a> 您需要在第1页中设置一个带有id=“sectionid”的HTML元素,以使HTML书签正常工作。 例如: <h2 id="sectionid">B

我在两个不同的文件夹中有两个html页面,它们都有相同的导航栏,让我们假设它们分别命名为page1和page2,我希望page2中的nav li将我重定向到page1中的特定部分,我该如何做?
我试过了,但没用:

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

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

<h2 id="sectionid">BOOKMARK</h2>
    <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>
书签

您需要这样创建它:

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

然后是相关文章,例如:

<h2 id="sectionid">BOOKMARK</h2>
    <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”属性。(不带#)

您可以使用上面发布的内容。有什么问题吗?@Avihaym用“使用引导”回答关于完全不同主题的问题(如这里)对任何人都没有帮助。。。(问题是关于链接-引导与链接无关)@Johannes它不起作用,我也在使用scrollspy,所以我想让它转到另一页的部分,然后向下滚动到给定的部分,但它不会去任何地方它会呆在哪里,好吗。很可能scrollspy正在阻止跳转到锚的默认操作。它是进入页面顶部还是直接进入链接部分(不滚动)?