Bootstrap 3 utilisant l'affixe pour fixer la position de la barre de navigation au dessus lors du défilement

C'est me rend fou... Cela pourrait être simple, je ne suis pas frapper le clou: veuillez donner un indice 🙂

Je suis en train de jouer avec Bootstrap 3 pour une nouvelle mise en page pour mon site. Je veux que la barre de navigation à la broche vers le haut de l'écran lorsque je scroll.

Je l'ai eu à travailler, mais le contenu en dessous de la barre de navigation se déplace lorsque l'affixe de classe des coups de pied dans. Je ne peux pas trouver mon chemin autour d'elle.

source d'informationauteur kjaer108

  1. 10

    Il y a deux options soit javascript, HTML5 ou data- attribut

    Via des attributs de données
    Pour ajouter facilement apposer le comportement de n'importe quel élément, il suffit d'ajouter des données-spy="apposer" à l'élément que vous souhaitez espionner. L'utilisation des compensations à définir lors de la bascule de l'épinglage d'un élément.

    <div data-spy="affix" data-offset-top="60" data-offset-bottom="200">
  ...
</div>

    Via JavaScript
    Appel de l'affixe plugin via JavaScript:

      $('#my-affix').affix({
    offset: {
      top: 100
    , bottom: function () {
        return (this.bottom = $('.footer').outerHeight(true))
      }
    }
  })

    DÉMO http://jsfiddle.net/6P5sF/56/

    référence http://getbootstrap.com/javascript/#affix-examples