Javascript 引导程序无法正常工作
我已经使用创建了文档。下面是我的文档中侧栏的代码:Javascript 引导程序无法正常工作,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我已经使用创建了文档。下面是我的文档中侧栏的代码: <div class="col-md-3 docs"> <div class="bs-docs-sidebar"> <ul class="nav docs-sidebar-nav"> <li class="active"> <a href="#one">One</a> &
<div class="col-md-3 docs">
<div class="bs-docs-sidebar">
<ul class="nav docs-sidebar-nav">
<li class="active">
<a href="#one">One</a>
</li>
<li>
<a href="#two">Two</a>
</li>
</ul>
</div>
</div>
当我打开页面时,它不会显示带有条目1、2的侧边栏。当我滚动页面时,侧边栏显示“2”为活动状态,但从不显示条目“1”
我正在使用Bootstrap v3.2.0。为什么侧边栏不能正常使用.affix
。我甚至试过使用dataspy=affix
,但没有成功
如何使侧边栏与“粘贴”一起正常工作 要添加,您只需执行以下操作:
$(".bs-docs-sidebar").affix({ offset: { top: 60 } });
这将根据滚动位置向项目动态添加以下类别之一:
。粘贴顶部
。粘贴
。粘贴底部
位置:fixed
,因此我们只需要设置高度:
.bs-docs-sidebar.affix {
top: 20px;
}
但听起来你对scrollspy和引导设置
.active
项目的方式确实有问题.是否可以创建一个以尽可能少的代码完整再现问题的示例。您可以在JSFIDLE中创建示例,也可以使用代码段在堆栈溢出中创建示例。我尝试了这两种方法,但仍然不起作用。侧边栏从未出现在页面加载中。@user3108072,您可以使用此工作示例开始使用除非您注意到问题所在。或者从头开始,与您现有的解决方案进行比较。无论是哪种方式,除非我们能够看到您遇到问题的实际代码,否则我们无法在另一端提供太多帮助。因此,您最好的选择是生成一个能够演示您遇到的确切问题的解决方案,或者尝试应用工作你自己给你的解决方案举个例子。
.bs-docs-sidebar.affix {
top: 20px;
}