Utilizzo della spia di scorrimento bootstrap twitter

Ho cercato e ho cercato di far funzionare la spia di scorrimento sul mio sito di bootstrap, ma non sono in grado di farlo funzionare. Il problema che sto riscontrando è che lo scrolling non ha alcun effetto, ovunque io scorri. Puoi vedere cosa sto facendo here.Utilizzo della spia di scorrimento bootstrap twitter

Ho eseguito tutti i passaggi richiesti vale a dire al di sotto è il corpo tag

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

e NAV è anche lì:

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

hanno chiamato lo scrollspy pure.

$('#top-fixed-nav').scrollspy();

Qualcuno può dare un'occhiata per favore e indicare cosa sto trascurando o facendo di sbagliato qui.

fonte

2013-07-28 Kamran Ahmed

Prova '$ (' corpo ') scrollspy();. ' – migg

Docs dicono:

di aggiungere facilmente comportamento scrollspy per la navigazione topbar, aggiungere data-spy="scroll" all'elemento che si desidera spiare (più tipicamente questo sarebbe il <body>). Quindi aggiungere l'attributo data-target con l'ID o la classe dell'elemento padre di qualsiasi componente Bootstrap .nav.

Il codice che hai postato non funzionava perché stavi spiando il #top-fixed-nav (scorrere gli eventi).

fonte

2013-07-28 14:01:14 Mati

provare questo: jsfiddle

se Scrollspy evidenziare elemento finale, è possibile aggiungere

height: 100%

in HTML e corpo tag

fonte

2013-08-21 17:51:44

Utilizzo della spia di scorrimento bootstrap twitter

risposta

Problemi correlati