Bonjour,
La solution « sticky » pour fixer le menu en 3 lignes CSS3 ,
trouvée sur un forum plxml, et donc aussi utile pour adapter dans escal
Et ton menu, il est pas collant ?
Si vous scrollez comme un fou avec la molette de votre souris pour faire défiler les pages de votre site PluXml, vous êtes certainement agacé de voir disparaître rapidement le menu.
Une vieille solution consiste à placer un bouton à cliquer en bas à droite de l’écran pour remonter « à donf » au haut de la page. Un endroit où on ne pose jamais le regard.
Cela oblige à rajouter un bout de code en javascript pour gérer l’affaire.
Et je ne m’étendrais pas sur ceux qui sortent l’artillerie lourde avec JQuery pour cela. A croire que IE6 est encore vivant.Mais depuis la sortie de CSS3, il existe la règle « position: sticky » (collant) qui permet de régler ce problème en 3 lignes dans votre thème. Voici comment:
Dans le fichier pluxml css/theme.css de votre thème préféré (defaut pour les moins courageux) : repérez les règles qui s’appliquent à la class .nav et rajoutez ceci :
.nav {
position: sticky;
top: 0;
z-index: 2;
}
C’est pas très compliqué. Et cela marche avec les versions 5.5 et 5.6 de PluXml.
Pour en savoir plus :
par bazooka07 (26/05/2017 19:34:59)