vertical div data bootstrap twitter-bootstrap scrollspy

twitter-bootstrap - div - scrollspy materialize



¿Cuál es el código mínimo para hacer que ScrollSpy bootstrap sidebar como el ejemplo? (2)

He visto el ejemplo ScrollSpy de la mano izquierda en la página de inicio:

http://twitter.github.io/bootstrap/2.3.2/javascript.html#scrollspy

¿Pero no tienen ningún código de ejemplo de cómo obtener el mismo estilo y efecto? Cuál es el código mínimo necesario para lograr esto, ya que todos los ejemplos de JsFiddle que he visto no tienen el estilo.

Actualizar

He dejado de usar scrollspy en mis proyectos porque la barra de desplazamiento solo funciona en el nivel de la página, y necesito que la barra de desplazamiento aparezca solo en el contenedor donde se realiza el desplazamiento

Mientras investigaba el uso de sidenav scrollspy, encontré un buen tutorial sobre cómo codificar todo

Toda la fuente se puede encontrar en github

Vea si esto ayuda: http://jsfiddle.net/panchroma/rWYQu/

  1. En la etiqueta del cuerpo, agregue <body data-spy="scroll" data-target="#side-nav">
    (ver las opciones de violín en la columna de la mano izquierda)

  2. Envuelva su barra de navegación lateral en un div con este mismo ID de destino de datos: <div id="side-nav" >

  3. Probablemente desee agregar el afijo de clase a su navegador lateral para que permanezca en su lugar: <ul class="nav nav-pills affix">

  4. Agregue una ID única a cada uno de los enlaces en su navegador lateral: por ejemplo, <li><a href="#one">One</a></li>

  5. En el cuerpo principal de la página, agregue secciones con ID que coincidan con los enlaces en su barra lateral: por ejemplo, <section id="one"> Section 1 </section>

¡Eso es!

EDITAR

¿Cómo puedo hacerlo para que tenga el estilo del ejemplo de Bootstrap en su sitio?

Aquí hay una variación si quieres organizar de forma similar a la página de arranque.
http://jsfiddle.net/panchroma/ExWDq/

Verá que he cambiado las clases en la lista de navegación ul para hacer un mejor uso de algunos estilos incorporados en Bootstap, he agregado chevrones a los enlaces de menú, y agregado consultas de estilo y medios para la lista de navegación.