Javascript JS或JQuery DIV用于正文填充的固定菜单高度

我相信我的怀疑很简单，但我没有达到我需要的结果。 我正在使用BS4建立一个网站

我有一个固定顶部导航栏，使用“fixed top”类，但我不知道它的实际高度，随着响应的进行，它会发生变化

我想通过JQuery或JS计算导航栏的高度，然后在主体上添加与PADDING-TOP相同的高度，这样它将始终正确对齐

它必须在窗口加载和调整大小时发生

正确的方法是什么

谢谢

$element.outerHeight（）

在高度计算中包括垂直填充和边框

$element.height（）

是元素的原始高度

$(window).on("load resize", function (event) {
    var $navbar = $(".my-navbar");
    var $body = $("body");

    $body.css("padding-top", $navbar.outerHeight());
});

$element.outerHeight（）

在高度计算中包括垂直填充和边框

$element.height（）

是元素的原始高度

$(window).on("load resize", function (event) {
    var $navbar = $(".my-navbar");
    var $body = $("body");

    $body.css("padding-top", $navbar.outerHeight());
});

---

效果很好，拉尔斯。比我在这里要简单得多。非常感谢你！效果很好，拉尔斯。比我在这里要简单得多。多谢各位@Hooman我在所有断点上都正确设置了填充，这是一种“以防万一”的替代方法，适用于可以应用缩放并扭曲布局的设备。@Hooman我在所有断点上都正确设置了填充，这是一种“以防万一”的替代方法，适用于可以应用缩放并扭曲布局的设备。