Question

如何让jQuery脚本停止在一定宽度以下运行？我正在寻找它不要低于＆lt; 768px

目前我有

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

我尝试测试调整大小功能，但它停止了所有工作。也许我说错了？

Answer 1

尝试：

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

Answer 2

您可以在这里使用$（window）.width（）属性，这样您的脚本将如下所示：

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

Answer 3

如果您在窗口高于某个宽度和时，如果您正在寻找要淡入的菜单，当它滚动到某个位置以下时，您可能需要使用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);

如何停止在特定宽度以下运行的jquery方法？

3 个答案: