jQuery barra de menú superior flotante

Question

Estoy tratando de hacer un flotador barra de menús constantemente en la parte superior del navegador, así que cuando se desplaza por la página de los restos barra de menú en la parte superior.

¿Cómo podría ir haciendo esto?

Saludos,

Answer 1

Se puede hacer esto utilizando la propiedad position de CSS. Por ejemplo:

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

Referencias:

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

El primer lugar me di cuenta de esto es usado efectivamente en el sitio Perldoc. Si usted tiene que desplazarse, el elemento #content_header utiliza una combinación de CSS y JS para mantener el elemento visible en la página.

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

Answer 2

El position: fixed; etiqueta CSS hará que se quede en la misma posición en la pantalla, incluso si el desplazamiento. Uso eso y luego posicionar con top/right/bottom/left como se muestra a continuación. z-index afectará a qué altura se 'apilan'. Es decir, un elemento con un z-index de 1 estará por debajo de un elemento de un z-index de 100.

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

jsfiddle.net fue abajo antes, pero es una copia de seguridad. Aquí está un ejemplo de un menú flotante que es estática hasta que se desplaza hasta un cierto punto: http://jsfiddle.net/2rhrc/