Menu con posición fija al hacer scroll

Publicado el 12 de octubre de 2012

Hay veces que tenemos un diseño web que se va a alargar mucho, y para evitarle al usuario que se tenga que desplazar de regreso al inicio de la pagina para ver el menú, podemos utilizar este pequeño jQuery para convertir nuestro menú en un menú con posición fija de cierto lugar de la pagina en adelante.

Primero ubiquemos nuestro menú:

Obviamente esta ubicado en algún lugar de nuestro diseño, tal vez abajo de un header, o de un slider.

Para hacer el efecto tenemos que tener cargado el jQuery en nuestro < head > ya sea que lo bajen y lo carguen local

o lo carguen directamente de las librerías de Google:

Después vamos a configurar la función:

Ahora el CSS:

Y por último agrégenle la class «default» al ul del menu, para que el jQuery funcione, quedaría de esta manera:

Espero no haberlos revuelto, cualquier cosa pueden comentar.

Comenta este post