JS的高度

Question

我有一个带Bootstrap的固定导航栏。问题是，有时它会重叠我网页上的标题和其他内容。

我有一个带有手动边距的视频来尝试修复此问题，但是如果我向其添加通知，导航栏高度会不断变化，因此它要么重叠太多，要么导航栏和内容之间存在很大差距。

<div class="sep" id="separator" style="padding-top:60px">

上面的div工作但不准确，是否有一种方法，当页面加载时，我可以得到我的导航栏的整个高度，然后将该高度放入分隔符div，这样它将有一个自定义填充顶部每一次？

对不起有任何困惑。

Answer 1

我对这个问题有点困惑，但我认为（？）这就是你要找的东西。只需将margin-top更改为不同的

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>

<script>$(document).ready(function() {
    var d = $('#test');
    var h = d.height();        
    d.css('margin-top', 100);
    });
</script>