7

较新

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

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

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

年长者

我真的很难受。我已经尽我所能查找了所有内容，但我仍然无法弄清楚。我用我找到的教程让它工作了一段时间，但它不能很好地与 ScrollSpy 一起工作。所以我正在尝试使用 Bootstrap 的 Affix。

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

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

4

2 回答 2

16

好吧，我让它工作了！

我所做的是更改以下内容...

<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 正在处理的问题。

希望这可以帮助任何与我有类似问题的人:)

对我有帮助的是这些 教程。

于 2013-10-21T14:12:08.923 回答
3

在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">
于 2013-10-20T19:59:39.767 回答