Fijar el menú a la parte superior de la página al hacer scroll con jQuery

Con esta función podrás «pegar» el menú de tu página en la parte superior del navegador para que no quede oculto al hacer scroll, de esta forma estará siempre disponible para que el usuario pueda navegar sin tener que volver a buscarlo.

El argumento de esta función será el contenedor general del menú.

Función

function menufixedtop(selector){

		var altura = $(selector).offset().top;

		$(window).on('scroll', function(){

			if( $(window).scrollTop() > altura ){

				$(selector).css("position","fixed");
				$(selector).css("top",0);
				$(selector).css("z-index",999999999);

			}else{

				$(selector).css("position","static");
				$(selector).css("top","auto");
				$(selector).css("z-index","auto");

			}

		});

}

 
Ejecutar

$(document).ready(function(){
				
	menufixedtop(".menu");
	
});

Si te ha sido de utilidad ¡deja un comentario!