Question

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

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

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

必须在窗口加载时调整并调整大小。

这样做的正确方法是什么？

谢谢！

Answer 1

$element.outerHeight()包括高度计算中的垂直填充和边框。

$element.height()是元素的原始高度。

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

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

Answer 2

$(function(){
  $('body').css("padding-top", $(".fixed-top").height());
});

http://api.jquery.com/height/

JS或JQuery DIV固定菜单高度以进行身体填充

2 个答案: