Masquer un martin-top après utilisation

Bonjour,

Je ne m'y connais vraiment pas en JS mais je pense que c'est ce que j'ai besoin pour mon problème. Alors voilà, j'ai une barre info au dessus de ma barre de menu sur mon site web sauf qu'elle chevauche la barre de menu; J'ai donc mis un margin-top pour les séparés sauf que comme ma barre de menu est fixe, le margin-top reste tout le long du site. J'aimerais donc savoir comment faire pour garder le margin-top actif au début de ma page mais qu'il disparaisse une fois le scroll effectué et qu'il se remette si quelqu'un retourne tout en haut du site.

Merci d'avance (c'est peut être un peu mal expliqué, n'hésitez pas à me demander plus d'info)