CSS - Menu restant en haut de la page
Résolu/Fermé
jemsss
Messages postés
188
Date d'inscription
jeudi 28 août 2008
Statut
Membre
Dernière intervention
28 novembre 2019
-
24 avril 2013 à 16:00
jemsss Messages postés 188 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 28 novembre 2019 - 7 mai 2013 à 13:57
jemsss Messages postés 188 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 28 novembre 2019 - 7 mai 2013 à 13:57
A voir également:
- Fixer un menu en haut de page css
- Supprimer une page word - Guide
- Menu déroulant excel - Guide
- Word numéro de page 1/2 - Guide
- Combien y a-t-il de bateaux dans la zone de 475 pixels de large et 1000 pixels de haut à partir du coin supérieur gauche de cette image ? - Forum Photoshop
- Mettre google en page d'accueil - Guide
3 réponses
jemsss
Messages postés
188
Date d'inscription
jeudi 28 août 2008
Statut
Membre
Dernière intervention
28 novembre 2019
17
Modifié par jemsss le 7/05/2013 à 14:03
Modifié par jemsss le 7/05/2013 à 14:03
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;
