지속적으로 페이지 (클라이언트) 높이를 확인하고 해당 값에 따라 바닥 글 높이를 변경하십시오.

Question

내 웹 사이트에서 페이지 높이가 특정 값 (907 픽셀)보다 크면 바닥 글 높이가 변경된다는 것을 자바 스크립트로 확인하려고합니다. 몸 높이). 페이지 높이가 변경되면 뷰어가 클라이언트 높이를 변경하는 경우 변경해야합니다.

jQuery를 사용하여 페이지 높이를 얻었지만 페이지가로드 될 때뿐만 아니라 지속적으로 확인해야합니다. 당신의 도움에 대한

$(document).ready(function(){ 
    var windowheight = $(window).height(); 
    if(windowheight >= "907") { 
     var extrafooterheight = windowheight - 907; 
     $('#footer').height(40 + extrafooterheight); 
     $('body').height(907 + extrafooterheight); 
    } 
}); 

감사 :

이 내가 사용하는 조각이다.

Answer 1

내가 jQuery를 사용하여 윈도우의 크기 조정 이벤트에 부착 제안 :

$(document).ready(function(){ 
    $(window).resize(function() { 
     var windowheight = $(window).height(); 

     if(windowheight >= "907") { 
      var extrafooterheight = windowheight - 907; 
      $('#footer').height(40 + extrafooterheight); 
      $('body').height(907 + extrafooterheight); 
     } 
    }); 
}); 

이 the jQuery resize() docs를 살펴 보자.