<div id="navbar"> ... </div> <div id="mainpage" style="height: 100vh;"> ... </div> <div id="footer"> ... </div>

cuando la página esté lista, quiero que jquery se desplace por el div completo de la navbar de navegación, para esto, actualmente estoy usando -

 $(document).ready(function(){ var navHeight = $('#navbar').height(); console.log(navHeight); $('body,html').animate({scrollTop: navHeight}, 400); })

esto solo deja una parte de la barra de navegación a la vista, queda suficiente área en el pie de página para desplazarse.

no sé por qué sucede esto