如何结合导航栏和分页？

我想要去一个新的标签，当我点击导航栏的每个项目，但是我正在使用分页（不知道我是否正确使用它），它引导我到期望的页面部分，但在同一页中不在一个新标签。我怎样才能解决这个问题？如何结合导航栏和分页？

<div class="container"> 
<nav class="navbar navbar-dark bg-primary navbar-fixed-top pagination pagination-sm"> 
    <div class="nav navbar-nav"> 
     <a class="nav-item nav-link active page-item" href="#monajalal">Mona Jalal <span class="sr-only">(current)</span></a> 
     <a class="nav-item nav-link page-item" href="#education">Education</a> 
     <a class="nav-item nav-link page-item" href="#experience">Experience</a> 
     <a class="nav-item nav-link page-item" href="#courseworks">Courseworks</a> 
     <a class="nav-item nav-link page-item" href="#teaching">Teaching</a> 
     <a class="nav-item nav-link page-item" href="#projects">Projects</a> 
     <a class="navbar-brand pull-sm-right m-r-0" href="https://github.com/monajalal"><i class="fa fa-github fa-lg"></i></a> 
     <a class="navbar-brand pull-sm-right m-r-2" href="https://twitter.com/MonaJalal_"><i class="fa fa-twitter fa-lg"></i></a> 
     <a class="navbar-brand pull-sm-right m-r-4" href="https://www.linkedin.com/in/mona-jalal"><i class="fa fa-linkedin fa-lg"></i></a> 
     <a class="navbar-brand pull-sm-right m-r-6" href="http://stackoverflow.com/users/2414957/mona-jalal"><i class="fa fa-stack-overflow fa-lg"></i></a> 

    </div> 
</nav> 
</div>

来源

2016-06-10 Mona Jalal

添加目标=“_空白”可以帮助，例如：

<a class="nav-item nav-link page-item" href="#education" target="_blank">Education</a>

来源

2016-06-10 22:56:04

所以即使它打开它在一个新的标签，我仍然可以浏览到的全部内容，并看到其他页面的东西 –

啊我明白了。 Target =“_ blank”在新选项卡中打开链接。由于链接是相对的，因此这会在新标签中打开您的主页，然后＃让它滚动到具有匹配ID的部分。你可能想要的是创建几个不同的页面，每个部分一个。然后让href指向该页面（href =“/ subsections/this_section.html”）。这样，用户可以通过不同的部分滚动主页，或者他们可以使用导航栏来访问特定的部分页面。我有道理吗？ –

如何结合导航栏和分页？

回答

相关问题