JS Höhe der Div

Question

Ich habe eine feste Navbar mit Bootstrap. Problem ist, manchmal überlappt es den Titel und andere Inhalte auf meinen Seiten.

Ich habe ein Vid mit einem manuellen Rand, um dieses Problem zu beheben, aber die Höhe der Navbar ändert sich ständig, wenn ich eine Ankündigung hinzufüge und daher entweder zu viel überlappt oder eine große Lücke zwischen der Navbar und dem Inhalt ist .

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

Die div oben genannten Arbeiten ist aber nicht richtig, ist es eine Möglichkeit, dass, wenn die Seite geladen wird ich die gesamte Höhe meines navbar bekommen konnte und dann diese Höhe in den Separator div gesetzt, so dass es ein hätte benutzerdefinierte Polsterung-Top jedes Mal?

Entschuldigung für irgendeine Verwirrung.

Answer 1

Ich bin ein bisschen verwirrt auf die Frage hier, aber ich denke (?) Das ist, was Sie suchen. Ändern Sie einfach margin-top zu etwas anderem

<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>