2012-07-17 15 views
5

Ecco qual è il problema che sto affrontando.bootstrap scrollspy non funziona

http://bittu.github.com/folderGrid/

Si sta evidenziando ultima scheda prima e durante lo scorrimento si commuta tra due etichette ad ogni passo di scorrimento.

Ecco un piccolo snippet di codice che ho usato.

<body data-spy="scroll" data-target=".subnav" data-offset="50"> 

<div class="subnav"> 
    <ul class="nav nav-pills"> 
     <li><a href="#contents">Contents</a></li> 
     <li><a href="#config">Config Options</a></li> 
     <li><a href="#usage">Usage</a></li> 
     <li><a href="#examples">Examples</a></li> 
    </ul> 
</div> 

<div class="row"> 
    <div class="span12"> 
     <section id="contents"> 
      .... 
     </section> 
     <section id="config"> 
      .... 
     </section> 
     <section id="usage"> 
      .... 
     </section> 
     <section id="examples"> 
      .... 
     </section> 
    </div> 
</div> 

Incluso tutti i file necessari. e provato tutti i numeri per data-offset

+0

È questo risolto? Lo snippet sembra funzionare. Quale risposta ha risolto il problema? –

risposta

0

Il bootstrap di Twitter non definisce la classe subnav. Viene fornito nella pagina di Twitter per Bootstrap, ma per riutilizzarlo devi includere del codice dal loro CSS. È progettato esclusivamente per questa particolare pagina. Subnav sta fissando la posizione durante lo scorrimento, per vedere come funziona dai un'occhiata al CSS e allo JS.

+1

ho incluso il loro CSS e JS per posizionare la barra di navigazione in TOP ... Bene, per favore controlla il mio link nella domanda ... È un esempio di lavoro dal vivo del mio problema ... – Sandeep

0

Ho riscontrato questo problema anche poche ore fa. Lo uso nello stesso modo in cui lo hai fatto (spiare allo body e usare section come destinazione). Alla fine, ho scoperto che mi mancava semplicemente lo <!DOCTYPE html> all'inizio del file, anche se ho controllato il tuo sito demo e c'è già una dichiarazione HTML5.

Tra l'altro ho acceso per il bootstrap v2.1

Problemi correlati