Plaçant des bannières au-dessus du Bootstrap 3 barre de navigation?

J'ai cette Bootstrap 3 barre de navigation: http://www.bootply.com/xkcDjvQslb

Je veux les modifications suivantes:

  1. Ajouter la bannière au-dessus de la barre de navigation fixe
  2. Masquer la bannière quand je scroll vers le bas

J'ai vu l'exemple suivant: http://www.bootply.com/69848; pas génial au démarrage et quand je tire le code il me brise le menu.

La bannière (au-dessus de la barre de navigation), une table avec un logo sur le côté gauche et le titre sur la droite.
J'ai besoin de quelqu'un pour me pointer dans la bonne direction?

OriginalL'auteur Chaka | 2014-11-30

  1. 3

    Supprimer la barre de navigation fixe de la valeur liquidative de la classe. Placez ensuite le balisage au-dessus de la valeur liquidative.

    http://www.bootply.com/vxJEiv1RC2

    Check this out codepen.io/senff/stylo/ayGvD
    Pas de bootstrap avec celui-ci, juste JQuery.

    OriginalL'auteur Rafael

  2. 3

    J'ai trouvé la solution ici: http://jsfiddle.net/DTcHh/541/ , juste besoin de nettoyer mon code:

    topnavbar {
    margin: 0;
}
#topnavbar.affix {
    position: fixed;
    top: 0;
    width: 100%;
}

#banner {
     background-color: yellow;   
}

    OriginalL'auteur Chaka