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:
- Menu fixe css
- Menu déroulant excel - Guide
- Freeplug rouge fixe ✓ - Forum CPL
- Menu démarrer windows 11 - Guide
- Samira a modifié le menu du jour que juliette lui avait envoyé. retrouvez les modifications proposées par samira : acceptez celles concernant les entrées, refusez celles concernant les plats et les desserts. combien de caractères (en incluant les espaces) contient la version finale du menu ? - Forum Matériel & Système
- Canon quick menu - Télécharger - Utilitaires
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;
