小屏幕时,jQuery禁用滚动功能

小屏幕时,jQuery禁用滚动功能,jquery,Jquery,我有一个jQuery代码片段,它使用了scrollTop函数。现在我想在更小的屏幕上禁用它。这是我的代码: jQuery(document).on("scroll",function(){ if(jQuery(document).scrollTop()>100){ jQuery("header").removeClass("large").addClass("small"); jQuery(".wrapper").removeClass("large

我有一个jQuery代码片段,它使用了
scrollTop
函数。现在我想在更小的屏幕上禁用它。这是我的代码:

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做些什么,但我不确定该放在哪里

我找到了解决办法。以防有人找到这篇文章。使用 无功限制器=768; 并添加此if函数: if($(window.width()>限制器){}