Je suis en train de faire un menu de la barre de flotter en permanence en haut du navigateur, de sorte que quand ils défiler en bas de la page, la barre de menu reste au top.
Comment pourrais-je aller sur le faire?
Ce qui concerne,
OriginalL'auteur Steven | 2010-09-13
Vous pouvez faire cela en utilisant le CSS de la propriété position. Par exemple:
Références:
Le premier endroit que j'ai remarqué, ce est effectivement sur le Perldoc site. Si vous avez défiler, le #content_header élément utilise une combinaison de CSS et de JS pour garder l'élément visible sur la page.
Le premier lien est cassé :S
Mis à jour le lien brisé, merci @Yises.
OriginalL'auteur calvinf
Le CSS de la balise
position: fixed;
va la faire rester dans la même position sur l'écran, même si le défilement. Utiliser et puis le positionner avectop/right/bottom/left
comme indiqué ci-dessous.z-index
affectera la façon dont de haut, il est "superposés". C'est un élément avec unz-index
de 1 sera en dessous d'un élément d'unz-index
de 100.jsfiddle.net a été plus tôt, mais il est de retour. Voici un exemple d'un menu flottant qui est statique jusqu'à ce que vous faites défiler jusqu'à un certain point: http://jsfiddle.net/2rhrc/
OriginalL'auteur Robert