Question

我有这个使用scrollTop函数的jQuery代码段。现在我想在较小的屏幕上禁用它。所以这是我的代码：

jQuery(document).on("scroll",function(){
    if(jQuery(document).scrollTop()>100){
        jQuery("header").removeClass("large").addClass("small");
        jQuery(".wrapper").removeClass("large").addClass("small");
        jQuery( ".site-navigation" ).fadeOut(100);
        jQuery(".mobile-navigation").fadeIn(100);
    }
    else{
        jQuery("header").removeClass("small").addClass("large");
        jQuery(".wrapper").removeClass("small");
        jQuery( ".site-navigation" ).fadeIn(100);
        jQuery(".mobile-navigation").hide();
    }
});

jQuery(document).ready(function(){
    jQuery(".mobile-navigation").hide();
    jQuery("#hamburger").click(function(){
        jQuery( ".site-navigation" ).fadeIn(100);
        jQuery(".mobile-navigation").css("visibility", "hidden");
    });
});

我尝试过使用window.resize，但我不知道该把它放到哪里。

Answer 1

我找到了解决方案。以防有人找到这篇文章。用一个 var limiter = 768; 并添加此if函数： if（$（window）.width（）＆gt; limiter）{}

当小屏幕尺寸时，jQuery禁用滚动功能

1 个答案: