barre de menu en haut jquery flottant

Question

Je suis en train de faire un flotteur barre de menu constamment en haut du navigateur, quand ils défiler la page des restes de la barre de menu en haut.

Comment pourrais-je aller sur le faire?

Cordialement,

Answer 1

Vous pouvez le faire en utilisant la propriété CSS position. Par exemple:

#menu {
  height: 50px;
  left: 0;
  position:fixed;
  top: 0;
}

Références:

• http://www.w3schools.com/cssref/pr_class_position.asp
• http://www.quirksmode.org/css/position.html

Le premier endroit Je l'ai remarqué utilisé est effectivement sur le site Perldoc. Si vous devez faire défiler, l'élément #content_header utilise une combinaison de CSS et JS pour maintenir l'élément visible sur la page.

• http://perldoc.perl.org/index.html

Answer 2

La balise CSS position: fixed; va faire rester dans la même position sur l'écran, même si le défilement. Utilisez que puis placez-le avec top/right/bottom/left comme indiqué ci-dessous. z-index aura une incidence sur la hauteur, il est « empilé ». C'est un élément avec un z-index de 1 sera sous un élément d'un z-index de 100.

div.float {
    position: fixed;
    top: 10px;
    left: 25px;
    z-index: 9001;
}

jsfiddle.net est en baisse plus tôt, mais il est de retour vers le haut. 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/