Rob*_*osh 3 html javascript jquery twitter-bootstrap scrollspy
我一直在使用Twitter Bootstrap Scrollspy插件,但对于我的生活,我无法让它工作.这是内容区域的HTML
<div data-spy="scroll" >
<section id="page_home" class="page_home" style="width:100%;background-color:rgb(245,245,245);">
<div class="container">
Home
</div>
</section>
<section id="page_projects" class="page_projects" style="width:100%;background-color:rgb(25,25,25);">
<div class="container">
Projects
</div>
</section>
<section id="page_services" class="page_services" style="width:100%;background-color:rgb(245,245,245);">
<div class="container">
Services
</div>
</section>
<section id="page_downloads" class="page_downloads" style="width:100%;background-color:rgb(25,25,25);">
<div class="container">
Downloads
</div>
</section>
<section id="page_about" class="page_about" style="width:100%;background-color:rgb(245,245,245);">
<div class="container">
About
</div>
</section>
<section id="page_contact" class="page_contact" style="width:100%;background-color:rgb(25,25,25);">
<div class="container">
Contact
</div>
</section>
</div>
这是导航栏的HTML代码
<div id="navbar" class="navbar navbar-inverse navbar-fixed-bottom">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<li><a href="#page_home">Home</a></li>
<li><a href="#page_projects">Projects</a></li>
<li><a href="#page_services">Services</a></li>
<li><a href="#page_downloads">Downloads</a></li>
<li><a href="#page_about">About</a></li>
<li><a href="#page_contact">Contact</a></li>
</ul>
</div>
</div>
</div><!-- /.navbar -->
我看了一些其他帖子,但对于我的生活,我无法弄清楚为什么它只被选中导航栏中的最后一项.
任何人都可以帮我弄清楚为什么scrollspy只选择最后一项以及如何纠正它？
这是body你想监视的。
代替
<div data-spy="scroll" >
用
<body data-spy="scroll" data-target="#navbar">
| 归档时间： |
|
| 查看次数： |
3876 次 |
| 最近记录： |