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