我正在尝试使用ScrollSpy Bootstrap插件,但它无法正常工作。请参阅下面的代码,它始终突出显示最后一项。
<nav id="navbar">
<ul class="nav">
<li><a href="#page1">Page 1</a></li>
<li><a href="#page2">Page 2</a></li>
<li><a href="#page3">Page 3</a></li>
<li><a href="#page4">Page 4</a></li>
<li><a href="#page5">Page 5</a></li>
</ul>
</nav>
<div data-spy="scroll">
<section id="page1" class="page">
<h1>Page 1</h1>
</section>
<section id="page2" class="page">
<h1>Page 2</h1>
</section>
<section id="page3" class="page">
<h1>Page 3</h1>
</section>
<section id="page4" class="page">
<h1>Page 4</h1>
</section>
<section id="page5" class="page">
<h1>Page 5</h1>
</section>
</div>
你能帮助我吗?
答案 0 :(得分:1)
在body标签上设置data-spy="scroll"
,它应该有效。请检查更新的jsFiddle。
答案 1 :(得分:0)
在data-target="#navbar"
标记旁边设置data-spy="scroll"
,看看是否有效。