J'ai un menu vertical que je souhaite bougé à chaque fois que je descend la page avec le scrool. J'ai mis une postition : fixed comme j'ai vu sur de nombreux sites, le seul problème est que mon menu est vertical, aligné à gauche de la page, je souhaite qu'il descend ..
Malheureusement, je n'arrive pas à trouver le bon code qui fonctionne sur mon menu, même avec changement et adaptation du code pour mon site, je pense que c'est le fait que ça soit un menu vertical, je ne sais absolument pas, je m'y connais que très peu en code pour l'instant..
Là nous avons le code du menu vertical de gauche, <div class="element" est inutile et les "style="..." doivent être placés dans la CSS Que veux tu exactement avec ce menu ? qu'il reste en haut à gauche de l'écran quand on scrolle et qu'on descend dans la page ? Alors il doit être en position:fixed avec une marge gauche pour le contenu du site qui va défiler.
le <div class="element= me sert au differente zone, gauche = menu, centre = texte et droit = pub ect.. Ce menu est celui d'un site, j'ai modifié a ma manière mais c'est le code html que l'on m'a donné, j'ai un autre fichiers css pour tout le menu mais c'est vrai que maintenant je trouve cela assez bizarre...
iid="wrapper" ne sert à rien et il est déconseillé d'utiliser des ID pour les css,
margin:left n'existe pas et n'a aucun effet.
Quand un élément est "display:fixed", on le positionne avec top, bottom, left ou right, par rapport aux bords de la fenêtre car l'élément sort du flux. Par défaut il est positionné avec les valeurs top:0px et left:0px
C'est le contenu qui doit avoir une marge gauche, pour ne pas se trouver sous le menu.
il y a une solution élégante avec flex et trois colonnes dont une à gauche avec une largeur exprimée en rem, on verra plus tard
J'ai changé mon code css et ça fonctionne à peux pres, sauf que je voudrais pas qu'il bouge sur toute la page, je veux dire, j'aimerais qu'il soit fixé a un endroit et tant qu'on ne descend pas avec la souris, le menu ne change pas de place, et quand on remonte la page, qu'il se fixe à un endroit ou je le demande :
voila mon ajout :
position: fixed;
top : 10%;
left : 20px;
Je ne veux pas que mon menu dépasse sur mon header, je sais pas comment bien vous expliquer..
EDIT :
J'ai trouvé comment on fait pour ne pas dépasser sur le header, j'ai joué sur les %, l'autre problème est le footer, quelle balises utilisé pour pouvoir stopper le menu à 10px a pres du footer, sans qu'il touche ?
- Edité par Kaiwy 10 août 2017 à 23:43:01
Menu qui bouge avec le scrool
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
En css j'ai supprimé tous ce que j'ai fais sur le menu pour le scrool puisque rien marché..