Twitter bootstrap 带ScrollSpy的引导固定导航栏
我正在尝试实现一个顶部导航栏，该导航栏通过与scrollspy一起工作的链接固定在顶部。我的实现似乎没有像预期的那样工作 链接似乎可以正常工作并转到适当的部分，但链接的突出部分在滚动时不会改变。“mdo”始终处于选中状态Twitter bootstrap 带ScrollSpy的引导固定导航栏,twitter-bootstrap,scrollspy,Twitter Bootstrap,Scrollspy,我正在尝试实现一个顶部导航栏，该导航栏通过与scrollspy一起工作的链接固定在顶部。我的实现似乎没有像预期的那样工作 链接似乎可以正常工作并转到适当的部分，但链接的突出部分在滚动时不会改变。“mdo”始终处于选中状态 <html> <head> <script src="bower_components/jquery/dist/jquery.min.js"></script> <script src="b
<html>
<head>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
<style>
.section {
height: 100%;
padding-top: 51px;
}
</style>
</head>
<body data-spy="scroll" data-target="#navbar-example2" style="position: relative;">
<nav id="navbar-example2" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<ul class="nav navbar-nav">
<li class="active"><a href="#fat">@fat</a></li>
<li class=""><a href="#mdo">@mdo</a></li>
</ul>
</div>
</nav>
<div id="fat" class="section">
<h4 >@fat</h4>
<p>Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.</p>
</div>
<div id="mdo" class="section">
<h4 id="mdo">@mdo</h4>
<p>Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.</p>
</div>
</body>
</html>
.科{
身高：100%；
填充顶部：51px；
}
@肥
广告紧身裤keytar，早午餐id艺术派对dolor labore。Pitchfork在他们卖掉qui之前是低保真的。Tumblr农场有权出售自行车。Anim keffiyeh carles羊毛衫。Velit seitan mcsweeney的3号摄影棚狼月病毒。Cosby毛衣lomo jean短裤，williamsburg连帽衫minim qui你可能还没听说过它们和羊毛衫信托基金culpa wes anderson美学。Nihil纹身accusamus，cred irony keffiyeh工匠ullamco consequat
@mdo
Veniam marfa小胡子滑板，一副浓密的velit干草叉胡子。弗里根·比尔德·阿利夸·库皮达·麦克斯威尼的《维罗》。在四个月的时间里，一个月的时间。纹身cosby毛衣食品车，mcsweeney的quis非freegan乙烯基。Lo-fi wes anderson+1件服装。卡尔斯的非审美实践是绅士风度。布鲁克林阿迪皮斯工艺啤酒公司副总裁凯塔·德朗特
<body class="scroll-area" data-spy="scroll">
<script>$(document).ready(function(){
$(".scroll-area").scrollspy({target: "#navbar-example2"})
});</script>
$（文档）.ready（函数（）{
$（“.scroll area”）.scrollspy（{target:#navbar-example2}）
});
scrollspy.js