2012-07-17 19 views
5

Aquí está el problema que estoy enfrentando.bootsch scrollspy no funciona

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

Es de destacar última pestaña en un primer momento y cuando se desplaza, se cambia entre sólo dos etiquetas en cada paso de desplazamiento.

Aquí hay un pequeño fragmento de código que he usado.

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

Incluidos todos los archivos necesarios. e intenté todos los números para data-offset

+0

¿Esto está resuelto? El fragmento parece estar funcionando. ¿Qué respuesta solucionó tu problema? –

Respuesta

0

El bootstrap de Twitter no define la clase subnav. Se proporciona en la página de Twitter para Bootstrap, pero para reutilizarlo debe incluir algún código de su CSS. Está diseñado exclusivamente para esta página en particular. Subnav está arreglando la posición cuando se desplaza, para ver cómo funciona echa un vistazo al CSS y al JS.

+1

He incluido su CSS y JS para colocar la barra de navegación en la parte superior ... Bueno, por favor revisa mi enlace en la pregunta ... Es un ejemplo de mi problema en vivo ... – Sandeep

0

También encontré este problema hace unas horas. Lo uso de la misma manera que lo hizo (espía al body y usa section como destino). Al final, descubrí que simplemente me perdí el <!DOCTYPE html> al principio del archivo, aunque revisé su sitio de demostración y ya hay una declaración html5.

Por cierto me cambié al bootstrap v2.1