小屏幕时,jQuery禁用滚动功能
我有一个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
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()>限制器){}