Partage
  • Partager sur Facebook
  • Partager sur Twitter

Menu gauche fixe

problème de fluidité

Sujet résolu
    6 octobre 2017 à 16:38:44

    Bonjour,

    J'essaie d'avoir mon menu de gauche qui reste afficher malgré le scrolling. Je voudrais que le menu "monte" et reste en haut, que le header disparaisse (le comportement normal) et que le corps défile normalement.

    J'ai réalisé ce code (via codepen.io):

    https://codepen.io/Zwerque/pen/mBXbMr/

    On peut voir que j'arrive presque. Je trouve que ce n'est pas fluide, surtout sur Firefox. Je me demandais s'il était possible de réaliser ce genre d'effet uniquement en CSS.

    Si quelqu'un peut me venir en aide et trouver une meilleure solution, je suis preneur :D

    Cordialement.

    • Partager sur Facebook
    • Partager sur Twitter
      11 octobre 2017 à 11:25:44

      salut 

      en css tu peux utiliser la propriété postion: fixe; et apres tu la positionne avec les propriétés top et left et tu donne une taille.

      bon courage 

      victor 

      • Partager sur Facebook
      • Partager sur Twitter
        20 octobre 2017 à 16:26:13

        Salut !

        C'est déjà ce que j'utilisé a peu près ^^

        Merci pour ta réponse.

        • Partager sur Facebook
        • Partager sur Twitter
        Anonyme
          20 octobre 2017 à 18:46:20

          Hello ;)

          La propriété CSS "position" avec la valeur "sticky" permet de faire ce que tu recherches: fiddle.

          Doc

          • Partager sur Facebook
          • Partager sur Twitter
            6 décembre 2017 à 13:22:44

            C'est exactement ce que je cherchais, merci :D
            • Partager sur Facebook
            • Partager sur Twitter

            Menu gauche fixe

            × 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.
            • Editeur
            • Markdown