Navigation dans le menu CSS/JQuery

Question

Quel code ou script est-ce que je recherche pour coller un menu en haut du site même si l'utilisateur fait défiler la page?

Answer 1

position: fixed

Utilisez uniquement ce pour des menus horizontaux bien - sinon des liens vers des fragments de document va mettre le contenu que vous créez un lien vers dans le menu. Envisagez de ne pas l'utiliser, il est facile de faire défiler vers le haut et l'écran est précieux (en particulier sur un petit écran, tel qu'un ordinateur portable).

Answer 2

Vous recherchez un positionnement fixe.

#someMenu { 
    position:fixed; 
} 

partir de la position fixée documentation:

Génère un élément en position absolue, positionné par rapport à la fenêtre du navigateur. L'élément de

Answer 3

#idOfElementToFix { 
    position: fixed; 
    top: 10px; /* 10px from top of browser viewport */ 
    right: 10px; /* 10px from right of browser viewport */ 
} 

Gardez à l'esprit que cela pourrait facilement se retrouver couvrant d'autres éléments que l'utilisateur fait défiler la page, il est donc préférable de laisser une gouttière vide pour elle d'occuper.

Tout comme la nourriture pour la pensée, voici un lien vers l'un des meilleurs tutoriels pour une telle chose, par Remy Sharp: jQuery for Designers