如果内容小于窗口高度则固定页脚;如果内容大于窗口高度，则使用相对页脚，加载ajax内容

Question

我已经尝试解决这个问题多年了！ 当动态加载ajax内容时，我如何保证我的页脚固定在底部，如果我的加载内容小于窗口高度，反之亦然，如果我的内容大于窗口高度，它将只是相对的，并正常按照内容div。

我目前的代码适用于大多数设置，但在某些小型笔记本电脑上，它根本无法正常工作。

if ($('main').height() >= $(window).height() || $(document).height() >= $(window).height()) {
    $('.footer').removeAttr('style');
    $('.footer').css('position', 'relative');
} else {
    $('.footer').removeAttr('style');
    $('.footer').css('position', 'fixed');
    $('.footer').css('bottom', '0');
}

有什么想法吗？应该这么简单。所以我觉得我错过了一些东西。