好的,所以我有一个导航栏,当点击一个链接时,我希望它移动到一个特定的div(即当点击“关于”链接时,页面移动到页面的关于部分)。从Navbar链接移动到Div/ID
守则的问题上JSFiddle:
HTML的问题:
<nav class="navbar navbar-toggleable-lg sticky-top navbar-inverse bg-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">David Madrigal's Portfolio</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#About">About</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</nav>
该计划是添加将匹配的页面的部分的ID名字,我要去上课。
这里是JS我到目前为止:
function main() {
$
$('.nav-item').on('click', function() {
$(this).toggleClass('active');
});
}
$(document).ready(main);
请注意,我用的引导4.0。任何帮助非常感谢。提前感谢!
通过 “移动到特定的DIV” 你的意思是滚动到那个位置,对吧? –
正确,抱歉,如果我不清楚。 :/ – MDave16
您的锚标签正在为您做这件事......它不工作的原因是因为您没有将任何标识应用于任何锚标签的元素以跳转到 – repzero