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

所以我有这个：

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模板加载内容。这不会开火。如何使主容器始终保持100%的高度

忘了提一下： 更新

---

对不起，我应该看看这个$document.height在调整大小时保持不变。您需要$window.height

：/谢谢您的帮助。即使是这样，效果仍然是一样的。。。在JSFIDLE中，但我确实收到removeShadow的错误。。。你写/导入了吗？这是我正在使用的插件。。。我不记得是从哪里弄来的。但效果相当不错。当元素的高度发生变化时，我试图将阴影保留在元素上。但似乎无法自动检测到更改并重新绘制元素为什么不使用CSS框阴影？它动态地跟随DIV。更新了JSfiddleaccepted，因为我最终使用了css3。。。人们应该已经升级了。你能展示一些你的ajax调用代码吗？您的代码在什么操作之前/之后什么时候工作？嗨，Marc，ajax只是一个简单的post请求，它将用返回的json对象填充jquery模板文件。没什么特别的。在初始页面加载时，代码可以正常工作，但是当添加新模板时，我无法修复主容器的高度。

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

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