Bootstrap Sidebar Scrolling，Affix＆Scrollspy

Question

NEWER

所以滾動現在正在運行......但它已固定在頁面頂部。 我需要它在正確的位置（在內容旁邊），然后開始滾動它的內容的當前位置。

我試圖讓我的側邊欄像這樣滾動 - > 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">

所以我將數據間諜和數據偏移放在“bs-docs-sidenav”類上，將腳本更改為該類，而不是“bs-docs-sidebar”類。

然后我編輯了“affix-top”，“affix”和“affix-bottom”的CSS，它運行得很好:)

我原來的問題是指側邊欄而不是sidenav類，因為這就是我的詞綴CSS正在進行的工作。

希望這可以幫助那些遇到類似問題的人:)

這些 教程對我有所幫助。

Answer 2

在您頁面上的ul元素中，您已寫入 -

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

你在哪里使用nav nav-list bs-docs-sidenav類添加一個class 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">