引导侧边栏滚动，词缀和Scrollspy

NEWER引导侧边栏滚动，词缀和Scrollspy

所以滚动工作现在...但它固定在页面的顶部。我需要它处于正确的位置（内容旁边），然后开始在内容的当前位置滚动。

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

网站是http://www.katyasarmiento.zzl.org（一种免费托管的，现在网站）

较旧

我对此很难过。我已经查找了所有可能的东西，但仍然无法弄清楚。我用它找到的教程运行了一段时间，但对于ScrollSpy并不适用。所以我试图使用Bootstrap的Affix。

我是新来javascript/jquery，所以如果任何人都可以看看我的网站，并检查看看我做错了什么。

ScrollSpy现在正在工作我想，我只是无法让边栏滚动页面。

来源

2013-10-20 Kitkatnik

ALRIGHT我得到它的工作！

我所做的是改变如下...

<div class="bs-docs-sidebar span3"> 
    <ul class="nav nav-list bs-docs-sidenav affix-top">

要...

<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">

所以我把数据间谍和数据抵消了“BS-docs- sidenav“类，将脚本更改为该类，而不是”bs-docs-sidebar“类。

然后我主编的“贴上顶”，“粘贴”和“粘贴底”的css和它工作得很好:)

我原来的问题，指的是侧边栏类，而不是sidenav的类，因为这是我的词缀CSS的工作。

希望这有助于这是具有类似问题煤矿的人:)

什么跟帮我了these tutorials。

来源

2013-10-21 14:12:08 Kitkatnik

好的答案，但链接已死亡。 – Manwal

在您的网页上ul元素你须写上

<ul class="nav nav-list bs-docs-sidenav">

如果你已经使用nav nav-list bs-docs-sidenav类增加一个类affix-top。然后，它会是 -

<ul class="nav nav-list bs-docs-sidenav affix-top">

而且从这一行，这是你的ul元素 -

<div class="bs-docs-sidebar span3 affix-top" data-offset-top="50" data-spy="affix">

父节点删除类affix-top而写这行喜欢 -

<div class="bs-docs-sidebar span3">

来源

2013-10-20 19:59:39 Ritesh

哇！这是超级简单的......但现在我怎么才能让它开始被贴上后，观众已经滚过横幅和文本的部分？我已经上传了新文件，所以你可以看到我的意思http://www.katyasarmiento.zzl.org – Kitkatnik

@Kitkatnik检查更新的答案.. – Ritesh

好吧，我这样做，它的位置，但滚动doesn'工作。我是否需要在其他地方添加data-offset-top和data-spy？我需要编辑词缀或词缀的CSS吗？ – Kitkatnik

引导侧边栏滚动，词缀和Scrollspy

回答

相关问题