sticky nav bar - auf dem Handy erscheinen, aber auf dem Desktop sticky

Question

Im Moment - ich habe eine sticky nav bar, die es langsam verblasst, nachdem bestimmte Abschnitt gescrollt wurde.

var $logo = jQuery('#teavanaheader-sticky-wrapper'); 
jQuery(document).scroll(function() { 
    if(jQuery(this).scrollTop()> 250) { 
     //alert("scop"); 
     jQuery('#teavanaheader-sticky-wrapper').fadeIn("slow"); 
    }else { 
     jQuery('#teavanaheader-sticky-wrapper').slideUp(); 
    } 

}); 

Wie kann ich es sofort erscheinen lassen, wenn der Benutzer auf mobilen Geräten ist. Also auf dem Desktop wird es langsam eingeblendet wie es jetzt ist aber auf mobilen Größen wird es sofort erscheinen?

Answer 1

Verwenden Sie dieses JS.

https://github.com/kaimallea/isMobile

isMobile erkennt, ob es sich um ein Telefon, Tablette, etc., die auf sie zugegriffen. Jetzt auf wahr, gerade nicht verblassen in

SAMPLE

<script> 
if (isMobile.apple.phone || isMobile.android.phone || isMobile.seven_inch) 
{ 
    //Just appear 
} 
else 
{ 
    //Fade in, etc 
} 
</script>