JQuery для оператора if, чтобы действовать как медиа-запрос CSS

Question

У меня есть этот код JQuery, который прекрасно работает:

$(document).scroll(function(){
    if ($(this).scrollTop()>175){
        // animate fixed div to small size:
        $('header').stop().animate({ height: 90 },100);
    } else {
        //  animate fixed div to original size
        $('header').stop().animate({ height: 175 },100);
    }
});

Мне нужно, чтобы вышеупомянутое всегда присутствовало и читалось всеми браузерами / устройствами, но мне также нужно отрегулировать высоту меньшего заголовка (в настоящее время 90px - под линией // анимировать фиксированный div на маленький размер:) только для ширины браузера от 641 до 959 пикселей. Мне нужно, чтобы высота заголовка была 120px для тех браузеров, только в противном случае используйте приведенный выше код.

Немного похоже на медиа-запросы, где я бы хотел, чтобы оно само обновлялось по мере изменения размера браузера.

Как мне сделать это точно?

Answer 1

$(window).width();

это то, что вы ищете. А также,

$(window).on("resize",function(){  
   if($(window).width()>641 && $(window).width()<959){
          // do the animations
   }    
}

это главная идея этого.