Défilement de page élégant genre onepage avec Joomla

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

  • [RÉGLÉ] Défilement de page élégant genre onepage avec Joomla

    Bonjour et bon début de semaine à tous,

    Contexte : site en local (Mamp) Joomla 3.8.10, basé sur hélix Ultimate et SP PageBuilder

    Je travaille sur un site en local dont l'un des items de mon menu appelle une page assez longue.
    Cette page est formée de plusieurs sections dont chacune est repérée par une ancre (#ancre1, #ancre2, #ancre3, etc.)
    Le menu comporte des sous-menus qui font chacun appelle à une section de la page chargée. Pour cela, j'ai utilisé les liens URL pour mettre en place ces sous-menus. Tout fonctionne à merveille, le sous-menu section1 affiche la section repérée avec #ancre1, le sous-menu section2 affiche la section repérée avec #ancre2, etc.

    Quel est le problème me direz-vous ?
    Le problème est que le clique sur un sous-menu affiche instantanément la section de page demandée, sans me faire un élégant et très vendeur scroll de rêve que l'on trouve sur la plupart des sites du genre onepage. J'ai essayé d'infâmes bricolages plus abjectes les uns que les autres depuis ce matin mais je n'arrive absolument à rien. J'ai pourtant un bouton en fin de page (du template helix ultimate) qui me fait remonter au haut de la page avec un bel effet de scroll !

    Je m'étais promis d'y arriver seul mais je suis obligé, à présent, de demander de l'aide.
    Alors si quelqu'un peut me mettre sur une piste, je lui en serai profondément reconnaissant.
    Au plaisir de vous lire, il n'y a aucune urgence, juste un besoin évident d'apprendre.
    Merci.
    "Si vous n’êtes pas impliqués émotionnellement dans ce que vous créez, laissez tomber."
    https://www.graphiquedesign-bf.com/

  • #2
    Salut GD.

    J'utilise une extension qui fait ça très bien à l'aide d'une classe ajoutée au lien.
    Dernière édition par Eddy.vh à 03/07/2018, 18h36
    GraphiqueDesign aime ceci.
    Cordialement.
    __
    Eddy !!!
    Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

    Commentaire


    • #3
      Tu es un ange Eddy, je vais voir ça de suite !
      Tu va finir par remporter le bananier !
      Merci mille fois.

      edit :

      Ça marche impeccablement, cette affaire !
      Tout à fait remarquable, ce plugin, qui propose même de corriger le décalage horizontal si jamais l'ancre est un peu mal placée ! Vraiment agréablement surpris. Merci Eddy !
      Dernière édition par GraphiqueDesign à 03/07/2018, 20h35
      "Si vous n’êtes pas impliqués émotionnellement dans ce que vous créez, laissez tomber."
      https://www.graphiquedesign-bf.com/

      Commentaire


      • #4
        Encore quelques bonnes actions et j'aurai mon auréole !
        Cordialement.
        __
        Eddy !!!
        Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X