Salve sono nuovo,
Ho uno script per determinare quando l'utente scorre verso il basso o l'alto la pagina questo per far scomparire l'header andando in basso e farla ricomparire tornando in alto.
il problema è che nella versione mobile del menu questo non serve.
Con una if ho impostato che sotto a tot pixel non deve eseguire lo script ma il problema sorge se un tablet come un ipad da 10.5pollici in orizzontale va prendere la versione desktop ed in verticale quella mobile.
Quindi se parte dalla versione orizzontale la funzione parte e non so come fermala quando si ruota di device in verticale passando alla versione mobile.
codice:// Controllo direzzione scroll functioncontrollo_scorrimento_direzione(){ if ($(window).width() >1024) { // element to detect scroll direction of varel=$(window), lastY=el.scrollTop(); el.on('scroll', functionscorrimento() { varcurrY=el.scrollTop(), // determine current scroll direction y= ((currY>lastY) ?'none':'up'); if(y==='up'){ $('.header').removeClass('scroll-down'); }else{ $('.header').addClass('scroll-down'); }; lastY=currY; }); $('.header').mouseover(function(){ $('.header').removeClass('scroll-down'); }); return; }else{ $('.header').css('opacity','1'); } }controllo_scorrimento_direzione(); $( window ).resize(function() { controllo_scorrimento_direzione(); });
la funzione sta su:
https://www.francescoaureli.com/sandbox/
mio sito:
https://alessiopaolettidesign.it