Javascript 加载动态内容后调用函数

我的主要目标是在底部放置一个页脚。如果内容高度超过屏幕高度，我的页脚代码工作正常，但当一个内容较少的页面到达时，页脚和屏幕底部之间会出现巨大的间隙。因此，我动态地获取内容高度，然后再放置它

$(window).on('load', function() {
    console.log(window.innerHeight);
    console.log($(".content").height());
    alert("hi");

    if((window.innerHeight - $(".content").height()) < 70 ) $("footer").css({"position": "absolute", "top": window.innerHeight-90});
});

$（窗口）.on（'load'，function（））{
控制台.日志（窗口.内部高度）；
console.log（$（“.content”）.height（）；
警报（“hi”）；
if（（window.innerHeight-$（“.content”）.height（））<70）（“footer”）.css（{“位置”：“绝对”，“顶部”：window.innerHeight-90}）；
});

---

如果在加载页面后在google chrome控制台中使用此代码，则它可以完美地工作，但当放置在代码中时，

$（“.content”）.height（）

会给出一个常量值。

您不需要对JS执行此操作

您可以使用flex box在css中执行此操作，并强制最小高度始终使用

vh

单位填充视口

.Site{
保证金：0；
显示器：flex；
最小高度：100vh；
弯曲方向：立柱；
}
.网站内容{
弹性：1；
}
标题{背景色：石灰；}
页脚{背景色：红色；}

标题内容
网站内容
页脚内容