Question

NEWER

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

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

该网站为http://www.katyasarmiento.zzl.org（目前是免费托管网站）

较旧

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

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

ScrollSpy现在正在工作我认为，我只是无法通过侧边栏滚动页面。

Answer 1

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

所以我将data-spy和data-offset放在“bs-docs-sidenav”类上，将脚本更改为该类，而不是“bs-docs-sidebar”类。

然后我编辑了“affix-top”，“affix”和“affix-bottom”的CSS，它的效果非常好：）

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

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

对我有帮助的是these tutorials。

Answer 2

在您页面上的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">

从此行移除类affix-top，该行是ul元素的父节点 -

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

并写下这一行 -

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

Bootstrap Sidebar Scrolling，Affix＆amp; Scrollspy

2 个答案: