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

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>