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!