Créer statique de la barre d'outils dans la page qui suit de défilement dans le HTML

Comment faire une barre d'outils comme objet dans le code HTML qui suit l'utilisateur de défilement de sorte qu'il est toujours au top de la partie visible de la page?

Merci d'avance!

OriginalL'auteur Mark Szymanski | 2010-05-12

  1. 17

    css

    .selector
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

    html

    <div class="selector">
  ... content for bar here ...
</div>
    ne ce bloc de contenu en dessous?

    OriginalL'auteur Gabriel

  2. 10

    Avez-vous spécifiquement besoin pour faire défiler (animer) ou statique (barre d'outils comme objet?

    EDIT:

    Ok, donc pour ajouter un statique(barre d'outils comme) un objet qui a une largeur qui est de 100% de la page, et d'une hauteur de dire 25px, vous feriez cela.

    HTML

    <div id="toolbar">
    <p>Some content...</p>
</div>

    CSS

    #toolbar {
    position: fixed;
    width: 100%;
    height: 25px;
    top: 0;
    left: 0;
    padding: 5px 10px; /* some styling, please note overall height of the object will be 35px due to 5px padding on top/bottom. */
    background: #ccc; /* some styling */
    border-bottom: 1px solid #333; /* some styling */
}

    Veuillez noter que ce pourrait empiéter sur le contenu que vous avez en haut de la page, utilisez donc une marge supérieure à pousser vers le bas dans la barre d'outils ou:

    body {
    margin-top: 35px;
}
    statique (barre d'outils similaires)
    Je n'ai pas vu les autres réponses, désolé pour le double post.
    C'est ok, votre réponse ne m'aide avec la marge bien donc merci pour ça!

    OriginalL'auteur Marko