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设置为小尺寸:)浏览器宽度仅为641px和959px之间。对于那些浏览器宽度，我需要标题的高度为120px，否则使用上面的代码。

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

我该怎么做？

Answer 1

$(window).width();

正是您要找的。和，

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

是它的主要思想。

jquery用于if语句，就像CSS媒体查询一样

1 个答案: