twitter bootstrap - hacer - ¿Cómo crear un menú adhesivo en la barra lateral izquierda con bootstrap 3?

sidebar html

Question

Quiero crear un menú de barra izquierda-sticky con bootstrap 3 como:

http://getbootstrap.com/getting-started/

Leí la documentación dada http://getbootstrap.com/javascript/#affix

Intento con .affix pero el resultado es cero.

Actualización : @Skelly,
Gracias por tu amable ejemplo. y sí, quiero tu ejemplo. Me gustaría descargar su html de ejemplo, pero después de descargar la barra lateral del archivo html no funcionó allí.

Answer 1

Lo usé de esta manera en mi código

$(function(){
    $(''.block'').affix();
})

Answer 2

También puede intentar usar un Polyfill como Fixed-Sticky . Especialmente cuando usa Bootstrap4, el componente affix ya no está incluido :

Eliminado el plugin Affix jQuery. Recomendamos usar una posición: polyfill adhesivo en su lugar.

Answer 3

Bootstrap 3

Aquí hay un ejemplo de la barra lateral izquierda que funciona:

bootply.com/90936 (similar a los documentos de Bootstrap)

El truco es usar el componente affix junto con algunos CSS para posicionarlo:

  #sidebar.affix-top {
    position: static;
    margin-top:30px;
    width:228px;
  }

  #sidebar.affix {
    position: fixed;
    top:70px;
    width:228px;
  }

EDITAR - Otro ejemplo con pie de página y afijo-abajo

Bootstrap 4

El componente Affix se ha eliminado en Bootstrap 4, por lo que para crear una barra lateral adhesiva, puede usar un complemento Affix de terceros como este ejemplo de la barra lateral adhesiva Bootstrap 4 , o usar la clase sticky-top se explica en esta respuesta .