Verwenden der Twitter-Bootstrap-Scroll-Spion

Ich habe versucht und versuchen, den Scroll-Spion auf meiner Bootstrap-Site zu arbeiten, aber ich kann es nicht zum Laufen bringen. Das Problem, das ich habe, ist, Scrollen hat keinen Effekt, wohin ich scrolle. Sie können sehen, was ich mache here.Verwenden der Twitter-Bootstrap-Scroll-Spion

ich alle Schritte d unten erforderlich durchgeführt haben, ist der Body-Tag

<body data-spy="scroll" data-target="#top-fixed-nav">

und nav ist auch da:

  <ul class="nav" id="top-fixed-nav"> 
       <li> 
       <a href="#home">Home</a> 
       </li> 
       <li class=""> 
       <a href="#about">About</a> 
       </li> 
       <li class=""> 
       <a href="#howto">How to Use?</a> 
       </li> 
       <li class=""> 
       <a href="#contact">Contact</a> 
       </li> 
      </ul>

die scrollspy auch genannt haben.

Kann jemand bitte einen Blick und bitte darauf hinweisen, was ich hier übersehen oder falsch machen.

Quelle

2013-07-28 Kamran Ahmed

Try '$ (‘ body '). scrollspy(); ' – migg

Docs sagen:

Um leicht scrollspy Verhalten zu Ihrem topbar Navigation hinzufügen, data-spy="scroll" zu dem Element, das Sie auf (am typischsten Dies wäre der <body>) auszuspionieren wollen hinzuzufügen. Fügen Sie dann das data-target Attribut mit der ID oder Klasse des übergeordneten Elements einer beliebigen Bootstrap .nav Komponente hinzu.

Der von Ihnen gepostete Code funktionierte nicht, weil Sie #top-fixed-nav ausspionierten (Scroll-Ereignisse).

Quelle

2013-07-28 14:01:14 Mati

try this: jsfiddle

wenn Scrollspy letzte Element zu markieren, können Sie hinzufügen

height: 100%

html und body-Tag

Quelle

2013-08-21 17:51:44

Verwenden der Twitter-Bootstrap-Scroll-Spion

Antwort

Verwandte Themen