Fixer un menu horizontal lors du scroll

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] Fixer un menu horizontal lors du scroll

    Salut,

    Je souhaite fixer mon menu horizontal lors du scroll afin qu'il reste toujours visible.

    Pas si simple car mon menu n'est pas en haut de page, j'ai une zone au dessus avec un logo, un n° de tel... et en essayant avec position:fixed, mon menu reste figé à un centaine de pixel du haut.

    Du coup est ce que cela est possible ? Comment dois-je procéder au niveau css ?
    Sauf s'il y a une autre solution que je ne connais pas


    Merci
    Dernière édition par sevloi à 23/10/2015, 16h27

  • #2
    Re : Fixer un menu horizontal lors du scroll

    Il faut rechercher un plugin STICKY sur la GED
    Sinon regarder du coté de scripts comme celui-ci : http://leafo.net/sticky-kit/
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Re : Fixer un menu horizontal lors du scroll

      En passant ...
      Fixer tout le haut (logo, tel + menu) peut engendrer des problèmes
      sur les smartphones en mode portrait par exemple ... puisque l'écran en étant
      figé sur une bonne partie peut gêner considérablement
      pour visualiser ce qu'il y a en dessous ...
      Solidaire avec les dinosaures

      Commentaire


      • #4
        Re : Fixer un menu horizontal lors du scroll

        merci lomart, je vais regarder si je trouve mon bonheur sur la GED

        messinmaisoui, oui je suis d'accord avec toi, c'est bien pour ça que je souhaite fixer uniquement mon menu
        Dernière édition par sevloi à 23/10/2015, 13h55

        Commentaire


        • #5
          Re : Fixer un menu horizontal lors du scroll

          Envoyé par sevloi Voir le message

          messinmaisoui, oui je suis d'accord avec toi, c'est bien pour ça que je souhaite fixe uniquement mon menu
          Ok ! Fais un retour si tu trouves ton bonheur, ça pourra toujours servir ...
          Laurent
          Solidaire avec les dinosaures

          Commentaire


          • #6
            Re : Fixer un menu horizontal lors du scroll

            J'ai utilisé le plugin JU Sticky Panel, sur le principe, ça marche très bien mais il n'y a que les textes du menu qui restent fixes
            Quand je scroll, je n'ai plus le background du menu

            Dans l'idéal il faudrait que ce soit ma <div> qui reste fixe
            Dernière édition par sevloi à 23/10/2015, 14h00

            Commentaire


            • #7
              Re : Fixer un menu horizontal lors du scroll

              du coup j'ai abandonné le plugin Sticky Panel pour m'orienter vers un script JS qui fonctionne très bien.

              Commentaire


              • #8
                Re : Fixer un menu horizontal lors du scroll

                Désolée de réouvrir le post mais je m'aperçois que j'ai un conflit JS et du coup j'ai mon slide (favslider) qui ne fonctionne pas.

                Je mets en dessous les erreurs si quelqu'un a une idée

                Cliquez sur l'image pour l'afficher en taille normale

Nom : Sans-titre-1.jpg 
Affichages : 1 
Taille : 42,8 Ko 
ID : 1805162
                Dernière édition par sevloi à 23/10/2015, 17h16

                Commentaire


                • #9
                  Re : Fixer un menu horizontal lors du scroll

                  En effet, l'utilsation d'un script est préfèrable au plugin

                  La pièce jointe n'est pas visible. Il faut l'inclure avec l'éditeur en mode avancé.
                  UP, le plugin universel à découvrir sur https//up.lomart.fr
                  bgMax
                  , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                  Commentaire


                  • #10
                    Re : Fixer un menu horizontal lors du scroll

                    J'ai remis la pièce jointe !

                    oui je préfère aussi l'utilisation de script (quand il n'y a pas de conflits)

                    Commentaire


                    • #11
                      Re : Fixer un menu horizontal lors du scroll

                      en parlant de plugin ... teste celui de easyquery qui fait des merveilles
                      Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer
                      Cette année, le JoomlaDay FR a lieu à Bruxelles, les 20 et 21 mai 2022, plus d'infos et inscriptions : www.joomladay.fr

                      Commentaire


                      • #12
                        Re : Fixer un menu horizontal lors du scroll

                        j'ai testé esayquery mais j'ai toujours des conflits

                        Commentaire


                        • #13
                          Re : Fixer un menu horizontal lors du scroll

                          Jbetolo peut-être, je l'utilise par ci par là pour aussi des histoires
                          de conflits ?
                          Solidaire avec les dinosaures

                          Commentaire


                          • #14
                            Re : Fixer un menu horizontal lors du scroll

                            j'ai testé esayquery mais j'ai toujours des conflits
                            Oui ... mais encore ... si tu nous donne pas ces erreurs ...

                            oui je suis d'accord avec toi, c'est bien pour ça que je souhaite fixer uniquement mon menu
                            Tu as essayé maximenuCK avec son plugin pour mobile ... il sait fixer le menu en haut de page quand tu scrolleras vers le bas ... pour la version Mobile, tu auras un picto "menu" pour avoir acces au menu sans perturber l'affichage
                            Tour ça made in France et responsive
                            Dernière édition par manu93fr à 26/10/2015, 13h01
                            Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer
                            Cette année, le JoomlaDay FR a lieu à Bruxelles, les 20 et 21 mai 2022, plus d'infos et inscriptions : www.joomladay.fr

                            Commentaire

                            Annonce

                            Réduire
                            Aucune annonce pour le moment.

                            Partenaire de l'association

                            Réduire

                            Hébergeur Web PlanetHoster
                            Travaille ...
                            X