[RÉGLÉ] barre de menu qui s'incruste au navigateur

[onesat]

Bonjour tout le monde,
Voilà je veux que ma barre de menu se fixe au bas de la barre d'outils du navigateur lorsqu'on déroule le contenu de la page comme sur ce site: http://www.guineenews.org/ Regarder bien, vous allez constater l'effet!
Merci d'avance

[webcrea]

Re : barre de menu qui s'incruste au navigateur

bottom:0px au lieu de top

.menutopdefault.fixed {
position: fixed;
top: 0px;
z-index: 99999;

[onesat]

Re : barre de menu qui s'incruste au navigateur

ce n'est pas exactement sa il faut bien voir le lien http://www.guineenews.org/ sur la page il y a deux barre de menu. La première barre de menu contenant (Accueil, sitemap, contact, old version, plus liens de partage) est déjà fixée au navigateur.
Et la seconde barre de menu comprend les menus Accueil, News, Sport, Art & Culture, Economie, Politique, Vidéos, Forum. Maintenant si on fait défiler le contenu de la page, cette deuxième barre de menu remplace la première avec la position fixe!

[lomart]

Re : barre de menu qui s'incruste au navigateur

La première barre n'est pas fixée en haut, donc webcrea a bien répondu.
Si tu veux fixer la 2ème en dessous de la 1ère, il faut commencer par fixer la première puis mettre en top de la deuxième la hauteur de la première.
Si ce n'est pas cela, nous sommes 2 à ne pas comprendre!

[cavo789]

Re : barre de menu qui s'incruste au navigateur

ce n'est pas exactement sa

Juste un truc : perso, à ta place, j'aurais commencé ma réponse par "Merci!". "Merci pour votre réponse toutefois ce n'est pas exactement ce que je cherchais ...". Oui, dire merci, c'est ce que j'aurais d'abord fait.

[onesat]

Re : barre de menu qui s'incruste au navigateur

Merci Webcrea, merci lomart et merci cavo789 pour l'intérêt que vous portez a ma question et de l'aide que vous m'apportez. En fait si vous regardez très bien le lien http://www.guineenews.org si vous faite défiler le contenu de la page avec la barre de défilement verticale pour voir ce qui se trouve au bas de page, vous constaterez aussi tôt l'effet de remplacement de la première barre de menu par la deuxième. S'il vous plait cliquer sur le lien et prenez le temps de constater l'effet.

[cavo789]

Re : barre de menu qui s'incruste au navigateur

Salut

Va voir http://www.bootply.com/90936 qui propose un menu qui ne bouge pas lors du scroll.

Avec du css / html, tu peux mettre quelque chose avant le menu et donc obtenir un effet similaire à la page que tu donnes en exemple.

D'autres liens :

http://www.bootply.com/129651

http://getbootstrap.com/examples/navbar-fixed-top/

[ced1870]

Re : barre de menu qui s'incruste au navigateur

salut
comme les autres je pense, je suis allé tout en bas de la page mais je ne vois pas l'effet dont tu parles. Il n'y a que le menu du haut qui se fige.
Tu es sous quel navigateur ?
CEd

[onesat]

Re : barre de menu qui s'incruste au navigateur

Je suis sous Firefox, google chrome et explorer bref je vois l'effet avec les trois navigateurs pour vous aidez a comprendre une fois de plus. Une fois la page d'accueil affichée, vous verrez une première barre de menu contenant (Accueil, sitemap, contact, old version, plus liens de partage). Après la bannière publicitaire et le logo du site, vous verrez la seconde barre de menu contenant les menus (Accueil, News, Sport, Art & Culture, Economie, Politique, Vidéos, Forum). Si l'utilisateur fait défiler le contenu de la page, la seconde barre de menu remplace la première et se fixe!
Sinon que Cavo789 vient de me donner des liens intéressant qui répondent a ma question! Grand merci à vous tous!