粘滞导航栏 - 出现在移动设备上，但在桌面上粘滞

Question

此刻 - 我有一个粘滞的导航栏，在某个部分滚动后，它会慢慢淡化它。

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(); 
    } 

}); 

当用户在移动设备上时，我该如何使它看起来很直观。所以在桌面上它会像现在这样缓慢地消失，但在移动设备上它会直接显示出来？

Answer 1

使用此JS。

https://github.com/kaimallea/isMobile

isMobile检测如果是手机，平板电脑等那个访问它。现在对真，只是不淡入

样品

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