Fijar un menú en la parte superior de un sitio puede parecer una tarea sencilla, utilizando CSS se puede lograr perfectamente, salvo el pequeño detalle de lograr una buena compatibilidad con los distintos navegadores, y es ahí donde realizar esto deja de ser algo de unos minutos para provocar más de un dolor de cabeza.
Para facilitar el trabajo de fijar un menú que quede fijo en el encabezado de nuestro sitio es que existe Smint, un plugin desarrollado con jQuery para hacer justamente esta tarea.
Smint hace principalmente dos cosas: fija el menú en la parte superior de nuestro sitio y permite que se mantengan en esa posición por más que nos desplacemos utilizando el scroll del navegador. Estas características lo convierten en una excelente solución para aquellos sitios del tipo todo en uno, donde todas las secciones están en una sola pagina.
Ejemplo de menú fijo con jQuery:
$(document).ready( function() {
$('.subMenu').smint();
});
Smint cuenta con muy pocas opciones para configurar, por ejemplo una de ellas permite controlar la velocidad de desplazamiento, esto lo podemos lograr mediante el uso del parámetro speed.
Este recurso es totalmente gratuito, es el primer plugin de Robert McCracken, un diseñador que vive en Irlanda del Norte.
En el sitio oficial del proyecto pueden encontrar una demostración online.
Web: Smint
Cristina
11 años ago
Justo lo que buscaba pero lamentablemente no es responsive.
Francisco
11 años ago
Creo que con este plugin podré aprender a hacer ese tipo de menús. Siempre me han llamado la atención, y de manera!
David
11 años ago
Coincido con Cristina, no se comporta muy bien en mobile. Supongo que será lo próximo hacia donde evolucione el plugin, pero es algo básico hoy en día 🙁