底部页脚的 css 布局，动态 ajax 内容更改页面高度

[Update]

实际上，我现在通过放弃固定页脚设计来解决这个问题。

动态内容移动页脚并适当调整容器大小似乎没有问题，除非页脚最初固定在浏览器底部。

我希望其他人最终能够提供一个兼具两全其美的出色解决方案。

---

I spent all day trying to get the footer to move down the page to accommodate dynamically added (via ajax) content. I really need some pointers or links because I haven't found anything that helps.

基本上：

我的网站有一些页面仅以文本框和按钮开头，因此内容区域的总高度仅在标题区域下方几英寸。

我没有任何问题让粘性页脚正常工作，这样即使屏幕上的内容很少，页脚也会出现在浏览器窗口的底部。

同样的 CSS 布局适用于内容延伸到浏览器窗口下方的其他页面。

要点：

内容必须被渲染并通过初始加载传递到浏览器。

问题：

初始加载后通过 AJAX 添加到页面的任何内容都会正确绘制页面 - 但页脚仍保留在其初始位置。

请告诉我这个问题有解决办法。 在先与我的老板核实之前，我无法发布 css - 如果可能的话 - 如果需要的话，我稍后会 - 但这只是网络上漂浮的许多粘性页脚 css 解决方案的一个非常基本的版本。

Thanks.

目前修复了小型 jQuery 和 CSS 的类似情况，其中参数是页脚 div 对象（即 $("#mainfooter")）：

function positionFooter(obj){
    if ($("body").outerHeight(true) > $(window).height()) {
        obj.css("position","relative");
    } else {
        obj.css("position","fixed");
        obj.css("bottom","0px");
    }
 }

将此函数绑定到 $(document).ready 和 $(window).resize。 如果 ajax 调用调整正文大小，则也应该在内容加载后调用。