Barre de navigation flottante
Fermé
fifidibosco
Messages postés
72
Date d'inscription
mercredi 2 décembre 2015
Statut
Membre
Dernière intervention
17 juillet 2023
-
4 juil. 2017 à 20:20
fifidibosco Messages postés 72 Date d'inscription mercredi 2 décembre 2015 Statut Membre Dernière intervention 17 juillet 2023 - 5 juil. 2017 à 18:12
fifidibosco Messages postés 72 Date d'inscription mercredi 2 décembre 2015 Statut Membre Dernière intervention 17 juillet 2023 - 5 juil. 2017 à 18:12
A voir également:
- Fixer la barre de navigation au scroll css
- Navigation privée - Guide
- Que doit-il faire pour effacer les traces de sa navigation ? - Guide
- Les sites web peuvent garder la trace de votre navigation en déposant des sur votre ordinateur. en mode navigation , ces informations sont supprimées à la fermeture du navigateur. - Forum Logiciels
- Windows 11 barre des taches a gauche - Guide
- Barre verticale mac - Forum MacOS
2 réponses
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
524
5 juil. 2017 à 11:14
5 juil. 2017 à 11:14
Salut,
Une solution possible de positionner par défaut la barre de navigation en absolute avec un bottom: 0; pour l'afficher en bas la page.
Un élément en absolute se positionne par rapport au premier parent en position relative, on peut donc créer un div englobant la barre de navigation avec un height: 100vh; pour que celui-ci fasse la hauteur de l'écran.
Enfin il faut ajouter un !important sur le position: fixed; de la classe .fixNavigation pour que cette règle surcharge celle définit dans #navigation (ou utiliser une classe à la place d'un id, voir poids des sélecteurs css).
https://jsfiddle.net/73kb2ot0/
Bonne journée,
Une solution possible de positionner par défaut la barre de navigation en absolute avec un bottom: 0; pour l'afficher en bas la page.
Un élément en absolute se positionne par rapport au premier parent en position relative, on peut donc créer un div englobant la barre de navigation avec un height: 100vh; pour que celui-ci fasse la hauteur de l'écran.
Enfin il faut ajouter un !important sur le position: fixed; de la classe .fixNavigation pour que cette règle surcharge celle définit dans #navigation (ou utiliser une classe à la place d'un id, voir poids des sélecteurs css).
https://jsfiddle.net/73kb2ot0/
Bonne journée,
fifidibosco
Messages postés
72
Date d'inscription
mercredi 2 décembre 2015
Statut
Membre
Dernière intervention
17 juillet 2023
5 juil. 2017 à 18:12
5 juil. 2017 à 18:12
Ça fonctionne super, merci.
Fifi
Fifi