目前-我有一个导航栏,在滚动某些部分后,它会逐渐淡入淡出。

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

});


当用户在移动设备上时,如何使其显得直截了当。因此,在台式机上,它会像现在一样慢慢消失,但在移动设备上,它会立即消失吗?

最佳答案

使用此IS。

移动设备会检测它是否是访问它的电话,平板电脑等。既然如此,那就不要淡入淡出。
样品

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

10-11 11:59