Salve a tutti,
spero di riuscire a spiegare bene quello che sto cercando di fare.

In pratica ho realizzato questo semplice menu che deve scomparire allo scroll-down del mouse e riapparire allo scroll-up ma tutto ciò deve avvenire solo nella versione mobile del sito, non in quella desktop.

Al momento nel mio markup è presente questo script che ovviamente però funziona sempre, non solamente quando la media query della width è impostata su al di sotto dei 480px.

codice:
	$(window).scroll(function() {
		if ($(this).scrollTop()>100)
     	{
        	$('.menu, .menu-hamb').fadeOut();
     	}
	else
     	{
      		$('.menu, .menu-hamb').fadeIn();
     	}
 	});

Leggendo in giro su questo forum ho trovato una soluzione che forse non ho compreso o riportato bene, a questo punto ve la scrivo vuota così come l'ho trovata, senza il pastrocchio inserito da me

codice:
var mql = window.matchMedia('@media all and (max-width: 500px)');
if(mql.matches) {
    // regola per larghezze superiori ai 500px
} else {
    // regola per larghezze inferiori ai 500px
}
Grazie a chi deciderà di aiutarmi nonostante questo caldo africano.
Che il fresco sia con voi!