連續檢查頁面（客戶端）的高度，並根據該值更改頁腳高度

Question

在我的網站上，我嘗試使用JavaScript實現頁腳高度變化，如果頁面高度大於特定值（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的窗口的resize事件：

$(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。