CSS - Menu restant en haut de la page
Résolu
jemsss
Messages postés
198
Statut
Membre
-
jemsss Messages postés 198 Statut Membre -
jemsss Messages postés 198 Statut Membre -
Bonjour,
Je voudrais savoir comment faire pour que mon menu, situé à 100px du haut de ma page, reste visible tout en haut de la page (à 0px) quand on fait descendre ascenseur. Est-ce possible de faire cela uniquement avec du css ?
Voici un exemple : https://www.sabbathschoolpersonalministries.org/
Merci d'avance
Jemsss
Je voudrais savoir comment faire pour que mon menu, situé à 100px du haut de ma page, reste visible tout en haut de la page (à 0px) quand on fait descendre ascenseur. Est-ce possible de faire cela uniquement avec du css ?
Voici un exemple : https://www.sabbathschoolpersonalministries.org/
Merci d'avance
Jemsss
3 réponses
-
Voici une solution qui a l'air de marcher sur la plupart des navigateurs :
HTML :<div id="menu_principal" class="menu_principal1"> <!--- Le Menu --> </div>
CSS :.menu_principal1 { position: absolute; top: 100px; left:0; height: 25px; width: 100%; } .menu_principal2 { position: fixed; top: 0; left:0; height: 25px; width: 100%; }
Javascrpitfunction ChangeClassMenu() { var scrollY; if (document.all) { if (!document.documentElement.scrollTop) scrollY = document.body.scrollTop; else scrollY = document.documentElement.scrollTop; } else scrollY = window.pageYOffset; if(scrollY > 100) document.getElementById("menu_principal").className = "menu_principal2"; else document.getElementById("menu_principal").className = "menu_principal1"; } window.onscroll = ChangeClassMenu;
