ブートストラップサイドバースクロール、接辞＆Scrollspy

Question

NEWER

ので、スクロールが今働いている...しかし、それは、ページの最上部に固定されています。私はそれが正しい位置（コンテンツの隣）にあることを必要とし、次にコンテンツの現在の位置でスクロールを開始する必要があります。

私は私のサイドバーは、ここにこの1のようにスクロールするように取得しようとしている - >http://getbootstrap.com/2.3.2/components.html

のウェブサイトはhttp://www.katyasarmiento.zzl.org（今のところ無料ホストされているサイト）である

---

OLDER

私はこれで本当に苦労しています。私はできること全てを調べましたが、私はまだそれを理解できません。私が見つけたチュートリアルでそれをしばらく働かせましたが、ScrollSpyではうまく動作しませんでした。だから私はBootstrap's Affixを使用しようとしています。

私はjavascript/jqueryを使い慣れているので、誰かが私のウェブサイトを見て、私が間違っていることを確認することができれば。

ScrollSpyが動作していますが、私はサイドバーにページをスクロールすることはできません。

Answer 1

like-この行を書く - それは次のようになります

よろしくお願いします。私が何をしたか

は

<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-にオフセットデータ・データ・スパイとを入れ

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

へ... ...次を変更しましたsidenav "クラスは、" bs-docs-sidebar "クラスの代わりにそのクラスにスクリプトを変更しました。

は、それから私は、「貼るトップを」のCSSを編集し、「貼り付け」、および「ボトムを固定」し、それは非常によく動作します:)

私の元の問題ではなくsidenavのサイドバーのクラスに言及していましたこれは私の接辞CSSが取り組んでいたものですから。

・ホープ、このことができますこれで私を助けて何鉱山:)

に同様の問題を抱えていた誰もがthesetutorialsました。

Answer 2

ページ上ul要素では、あなたがnav nav-list bs-docs-sidenavクラスを使用していた

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

は、1つの以上のクラスaffix-topを追加written-ています。

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