Как заставить выполнять скрипт по разрешению экрана?

Есть код, хочу чтобы он выполнялся только для декстопов и планшетов, как сдлетаь так чтобы скрипт запускался если ширина экрана выше 600?

$(document).ready(function(){

var $menu = $("#menu");
     
$(window).scroll(function(){
    if ( $(this).scrollTop() > 150 && $menu.hasClass("default-norm") ){
        $menu.fadeOut('fast',function(){
            $(this).removeClass("default-norm")
                   .addClass("fixed header--dark2")
                   .fadeIn('fast');
        });
    } else if($(this).scrollTop() <= 150 && $menu.hasClass("fixed")) {
        $menu.fadeOut('fast',function(){
            $(this).removeClass("fixed header--dark2")
                   .addClass("default-norm")
                   .fadeIn('fast');
        });
    }
});        

});


Ответы (1 шт):

Автор решения: Alexandr

Почему просто не проверить ширину?

$(document).ready(function(){
if ($(document).width() > 600){
   
var $menu = $("#menu");
     
$(window).scroll(function(){
    if ( $(this).scrollTop() > 150 && $menu.hasClass("default-norm") ){
        $menu.fadeOut('fast',function(){
            $(this).removeClass("default-norm")
                   .addClass("fixed header--dark2")
                   .fadeIn('fast');
        });
    } else if($(this).scrollTop() <= 150 && $menu.hasClass("fixed")) {
        $menu.fadeOut('fast',function(){
            $(this).removeClass("fixed header--dark2")
                   .addClass("default-norm")
                   .fadeIn('fast');
        });
    }
});  

}

});
→ Ссылка