JQuery와

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

내가 모든 브라우저에 의해 존재하고 읽을 수 위의 필요를/항상뿐만 아니라 I에서 장치 641px와 959px 사이의 브라우저 너비에만 작은 헤더 (현재 90px - 행 아래 // 고정 div를 작은 크기로 애니메이션)의 높이를 조정해야합니다. 나는 위의 코드를 사용하는 브라우저 너비에만 120px의 헤더 높이가 필요합니다.

미디어 쿼리와 같은 비트는 브라우저의 크기를 조정할 때 자동으로 업데이트하고 싶습니다.

정확히 어떻게합니까?

Answer 1

$(window).width(); 

입니다. 그리고

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

입니다.