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/
    Un message d’erreur sur votre site Joomla, consultez la base de connaissance https://kb.joomla.fr
    ---
    UP, un plugin "couteau suisse" à 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é.
                  Un message d’erreur sur votre site Joomla, consultez la base de connaissance https://kb.joomla.fr
                  ---
                  UP, un plugin "couteau suisse" à 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
                      Le JoomlaDay 2019 aura lieu le 8 et 9 mars à Paris ... On vous attend tous pour rencontrer la communauté, faire plus ample connaissance, assister aux conférences .... et surtout passer un BON moment ensemble
                      “Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter le nouveau service (en Beta) de la base de connaissance
                      https://kb.joomla.fr
                      Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérer à l'AFUJ https://www.joomla.fr/association/adherer

                      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
                            Le JoomlaDay 2019 aura lieu le 8 et 9 mars à Paris ... On vous attend tous pour rencontrer la communauté, faire plus ample connaissance, assister aux conférences .... et surtout passer un BON moment ensemble
                            “Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter le nouveau service (en Beta) de la base de connaissance
                            https://kb.joomla.fr
                            Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérer à l'AFUJ https://www.joomla.fr/association/adherer

                            Commentaire

                            Annonce

                            Réduire
                            1 sur 2 < >

                            C'est [Réglé] et on n'en parle plus ?

                            A quoi ça sert ?
                            La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                            Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                            Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                            Comment ajouter la mention [Réglé] à votre discussion ?
                            1 - Aller sur votre discussion et éditer votre premier message :


                            2 - Cliquer sur la liste déroulante Préfixe.

                            3 - Choisir le préfixe [Réglé].


                            4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                            2 sur 2 < >

                            Assistance au forum - Outil de publication d'infos de votre site

                            Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                            Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                            Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                            UTILISER À VOS PROPRES RISQUES :
                            L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                            Problèmes connus :
                            FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                            Installation :

                            1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                            Archive zip : https://github.com/AFUJ/FPA/zipball/master

                            2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                            3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                            4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                            5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                            6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                            et remplacer www. votresite .com par votre nom de domaine


                            Exemples:
                            Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                            Télécharger le script fpa-fr.php dans: /public_html/
                            Pour executer le script: http://www..com/fpa-fr.php

                            Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                            Télécharger le script fpa-fr.php dans: /public_html/cms/
                            Pour executer le script: http://www..com/cms/fpa-fr.php

                            En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                            Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                            Voir plus
                            Voir moins
                            Travaille ...
                            X