bootstrap statique à la barre de navigation fixe sautant sur le défilement

Avoir un peu de mal à travailler celui-ci. J’ai une barre de navigation d’amorçage qui passe de statique à fixe lorsque le spectateur fait défiler le logo en haut. Tout fonctionne bien, sauf que lorsque la barre de navigation atteint le sumt, il manque quelques premières lignes de contenu. Quelqu’un peut-il m’aider à résoudre ce problème?

html

 

css

 #nav.affix { position: fixed; top: 0; width: 100% } 

Java

 $(function() { $('#nav-wrapper').height($("#nav").height()); $('#nav').affix({ offset: { top: $('#nav').offset().top } }); }); 

Vérifiez l’exemple JSFIDDLE

Merci les gars!

 $(function() { $('#nav-wrapper').height($("#nav").height()); $('#nav').affix({ offset: { top: $('#nav').offset().top } }); $('#nav').on('affixed.bs.affix', function () { $('#content').css({"margin-top": "100px"}) }); }); 

https://jsfiddle.net/yyLbgh98/1/