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
A voir également:
- Fixer un menu en haut de page css
- Impossible de supprimer une page word - Guide
- Menu déroulant excel - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
- Mettre google en page d'accueil - Guide
- Canon quick menu - Télécharger - Utilitaires
3 réponses
Voici une solution qui a l'air de marcher sur la plupart des navigateurs :
HTML :
CSS :
Javascrpit
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%;
}
Javascrpit
function 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;
