スティッキーナビゲーションバー - モバイルには表示されますが、デスクトップにはスティッキーが表示されます

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を検出します。今、真の時、ちょうどにフェードいけない、私はこれをやってみましたが、うまくいきませんでした

SAMPLE

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