jQuery .resize（）只在使窗口變大時才起作用

Question

我正在嘗試調整我網站的主要內容div #inhalt，以便它始終填充所有可用空間。基本上我通過設置高度總可用高度 - #inhalt的頂部位置（頂部像素） - 填充等。。這是我的javascript/jQuery代碼：

$(document).ready(function(){ 
    $("#inhalt").height($("#zentriert").height() - $("#inhalt").position().top - 48); 
    $(window).resize(function() { 
    $("#inhalt").height($("#zentriert").height() - $("#inhalt").position().top - 48); 
    });  
}); 

當我調整窗口的大小以使其變大時，此工作正常。但是，當我把它縮小時，它不會。

有沒有人知道我爲什麼能做什麼？

Answer 1

它確實對我很好。我曾在很多地方使用過它。您可以通過在resize處理程序中使用日誌消息來檢查此問題。

$(window).resize(function() { 
    console.log('window resized'); 
    $("#inhalt").height($("#zentriert").height() - $("#inhalt").position().top - 48); 
});