jquery - 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);
    }
});

我需要所有浏览器/设备始终显示和阅读上述内容，但我还需要调整较小标题的高度（当前为 90 像素 - 在行下方 // 将固定 div 动画为小尺寸:) 仅适用于浏览器宽度介于 641 像素和 959 像素之间。对于那些浏览器宽度，我需要标题的高度为 120px，否则使用上面的代码。

有点像媒体查询，我希望它在调整浏览器大小时自行更新。

我该怎么做？

Answer 1

$(window).width();

就是你要找的。和，

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

是它的主要思想。