我將如何停止在特定寬度下運行的jquery方法？

我將如何讓一個jQuery腳本停止運行在一定寬度以下？我期待它不運行，下面< 768px我將如何停止在特定寬度下運行的jquery方法？

目前我有

(function($) { 
    jQuery(document).ready(function(){ 

     $(window).scroll(function(){ 
      if (jQuery(this).scrollTop() > 350) { 
       jQuery('.menu-appear').fadeIn(500); 
      } else { 
       jQuery('.menu-appear').fadeOut(200); 
      } 
     }); 

    }); 
})(jQuery);

我試圖測試調整大小功能，但它停止一切工作。也許我把它寫錯了？

來源

2014-09-05 Allreadyhome

如果你正在尋找菜單淡入當窗口高於一定寬度時和當它滾動到某個位置以下時，您可能要使用the && logical operator.

如：

Working Example

function menu() { 
     if (jQuery(window).scrollTop() > 350 && jQuery(window).width() > 768) { 
      $('.menu-appear').fadeIn(500); 
     } else { 
      jQuery('.menu-appear').fadeOut(200); 
     } 
} 

jQuery(document).ready(menu); 
jQuery(window).resize(menu); 
jQuery(window).scroll(menu);

來源

2014-09-05 12:17:14 apaul

嘗試：

$(document).ready(function(){ 
$(window).resize(function() { 
    if ($(window).width() > 768) { 
     $('.menu-appear').fadeIn(500); 
    } else { 
     $('.menu-appear').fadeOut(200); 
    } 
}); 
});

來源

2014-09-05 11:50:06 RGS

您可以使用$（窗口）.WIDTH（）屬性在這裏讓你的腳本將是這樣的：

$(document).ready(function(){ 
    $(window).scroll(function(){ 
     if($(window).width() > 767){ 
     if ($(this).scrollTop() > 350) { 
      $('.menu-appear').fadeIn(500); 
     } else { 
      $('.menu-appear').fadeOut(200); 
     } 
     } 
    }); 
    });

來源

2014-09-05 11:50:29 V31

我將如何停止在特定寬度下運行的jquery方法？

回答

相關問題