Bootstrap Sidebar Scrolling,Affix&Scrollspy

Kit*_*nik 7 javascript css jquery twitter-bootstrap

NEWER

所以滚动现在正在运行......但它已固定在页面顶部.我需要它在正确的位置(在内容旁边),然后开始滚动它的内容的当前位置.

我试图让我的侧边栏像这样滚动 - > http://getbootstrap.com/2.3.2/components.html

该网站是http://www.katyasarmiento.zzl.org(目前是一个免费的托管网站)


较旧的

我真的很难过.我已经把所有的东西都抬起来了,我仍然无法理解.我通过我发现的教程让它工作了一段时间,但它与ScrollSpy不兼容.所以我正在尝试使用Bootstrap的Affix.

我是javascript/jquery的新手,所以如果有人可以查看我的网站并查看我做错了什么.

ScrollSpy现在正在工作我认为,我只是不能让侧边栏滚动页面.

Kit*_*nik 16

ALRIGHT我让它上班了!

我做的是改变以下......

<div class="bs-docs-sidebar span3">
    <ul class="nav nav-list bs-docs-sidenav affix-top">
Run Code Online (Sandbox Code Playgroud)

至...

<div class="bs-docs-sidebar span3">
    <ul class="nav nav-list bs-docs-sidenav affix" data-spy="affix" data-offset-top="255" data-offset-bottom="200">
Run Code Online (Sandbox Code Playgroud)

所以我将数据间谍和数据偏移放在"bs-docs-sidenav"类上,将脚本更改为该类,而不是"bs-docs-sidebar"类.

然后我编辑了"affix-top","affix"和"affix-bottom"的CSS,它运行得很好:)

我原来的问题是指侧边栏而不是sidenav类,因为这就是我的词缀CSS正在进行的工作.

希望这可以帮助那些遇到类似问题的人:)

这些 教程对我有所帮助.