Encontré este widget de JavaScripthttp://wicky.nillia.ms/headroom.js/ y quiero usarlo en una aplicación web usando Bootstrap 3. Parece que no funciona. ¿Alguna sugerencia o ejemplo de lo que debo hacer?

Actualmente estoy usando la barra de navegación fija en la barra de navegación. Lo intenté con y sin él y todavía no funciona. Puedo ver las clases de headroom.js aplicadas al encabezado pero no hay ningún efecto en los elementos de la interfaz de usuario.

Resuelto

Necesitas añadir este estilo.

<style type="text/css">
.headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.headroom--unpinned {top: -100px;}
.headroom--pinned {top: 0;}
</style>

Fuente:http://codeasp.net/blogs/raghav_khunger/microsoft-net/2314/how-to-use-headroom-js