JavaScript - Dejar menú en parte superior al hacer scroll

Buenas, mi duda es la siguiente:

Tengo un menú de navegación típico debajo del banner, y quiero que al hacer scroll hacia abajo (leer la página con la ruleta de toda la vida, para entendernos) que se quede en la parte mas arriba de la página (con el banner ya oculto) y fijo.

Se que para dejarla fija en CSS hay que poner position:fixed; pero no se como decirle que la deje arriba en el navegador en vez de respetar el espacio que ocupaba el banner y que, al hacer scroll ya no está. No se si me explico bien.

Muchas gracias y saludos.

Buenas José Joaquín,

A lo que tú buscas le llaman "sticky navbar". Hay cientos de ejemplos de cómo conseguirlo. Te dejo un ejemplo en JSFiddle que he encontrado por StackOverflow. Es la forma más sencilla de lograrlo sin usar Bootstrap (que tiene una clase que ya aplica el efecto).

http://jsfiddle.net/yeco/4EcFf/

Mírate todos los ficheros del link de JsFiddle, pero la clave está en lo siguiente:



Saludos.

Buah, perfecto. Muchísimas gracias. La verdad es que me he vuelto como loco buscando y no sabía que término era lo que yo buscaba.