Comment puis-je faire à la barre de navigation toujours au top?

Je suis en utilisant Foundation par ZURB et essayer d'obtenir la barre de navigation en haut.

InformationsquelleAutor Shamoon | 2012-11-14
  1. 8

    Si vous êtes à l'aide de fondations, vous pouvez utiliser:

    <nav class="top-bar fixed"></nav>
    InformationsquelleAutor vinknee
  2. 11

    Je n'ai aucune idée de ce que ces 2 choses sont, mais c'est une façon de réparer quelque chose en place indépendamment de la fenêtre de la position de défilement avec les CSS:

    #navbar {
    position: fixed;
    top: 0px;
    width: 100%;
}​

    Voir ici: http://jsfiddle.net/qC2Dt/

    • -1 il y a un moyen plus facile pour la Fondation, regardez @vinay réponse
    • Toutes mes excuses. Pourquoi utiliser 3 lignes de CSS lorsque vous pouvez utiliser un ensemble de cadre de! 😉
    • Oui, c'est tellement vrai. 😉
    • Pourquoi la conception d'une roue à chaque fois que vous la conception d'une voiture? Vous devez suivre à SEC méthodologies même dans votre INTERFACE utilisateur d'une base de code.
    • bien sûr! Il doit y avoir un cadre qui a la fonction foo(a, b) { return a + b; } et nous devons l'utiliser plutôt que d'écrire notre propre! 😉
    InformationsquelleAutor Alex Wayne
  3. 2

    utiliser le style:

    position:fixed;
top:0px;
    InformationsquelleAutor Matt Clark
  4. 2

    Ajoutant à Alex Wayne réponse:

    J'ai trouvé nécessaire d'ajouter un z-index avec une assez grande nombre pour la barre de navigation apparaissent toujours au-dessus des autres éléments.

    #navbar {
   z-index: 10000;
   position: fixed;
   top: 0px;
   width: 100%;
}​
    InformationsquelleAutor Timar Ivo Batis
  5. 1

    Vous pouvez également utiliser la classe conçu par bootstrap.

      <nav class="navbar-fixed-top">
    InformationsquelleAutor Grez.Kev