jQuery跟踪页面内容并相应调整大小

Question

所以我有这个：

function fixContainer() {
    $('div#mainContainer').css({
        'min-height': $(document).height() - 104 // -104 is for a fixed header.. nvm that.
    }).removeShadow().dropShadow({
        'blur' : 5,
        'opacity' : 0.2
    });
}

工作得很好，但有时将来会使用ajax和jquery模板加载内容。这不会开火。如何让mainContainer始终保持100％的高度？

忘了提及以下内容：

$(window).resize(function () {
    fixContainer();
});

Answer 1

$(window).on('resize', function () {
    fixContainer();
});

<强>更新

对不起，我应该看过这个。 $(document).height()在调整大小时保持不变。你想要$(window).height()