[RÉGLÉ] Helix 3 : Ajouter un effet smooth scroll sur des ancres HTML

[dolnar]

Bonjour à tous et à toutes,

Je voudrais appliquer un effet smooth scroll au site que je suis entrain de concevoir avec le template Helix 3. Mais sur le site de Joomshaper il me propose une solution qui ne fonctionne pas dans mon cas. J'ai essayé le code proposé par: https://css-tricks.com/snippets/jque...oth-scrolling/

 	$(function() {
  $('a[href*="#"]:not([href="#"])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html, body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});

Avec le code de production JQuery (jquery-3.1.1.min.js). Mais mon slideshow disparait lorsque je charge ce fichier jquery. Et autre chose, l'alignement de mon contenu au clique sur la flèche animé, se retrouve sous la barre de menu. Je voudrais quelle s’arrête juste au bord inférieur de ma barre de menu et non en-dessous. Voici ci-dessous l'appel des fichiers dans l'index.php du template.

 	// load css, less and js
   $this->helix3->addCSS('bootstrap.min.css, font-awesome.min.css, custom.css') // CSS Files
         ->addJS('bootstrap.min.js, jquery.sticky.js, main.js, jquery-3.1.1.min.js, smoothscroll-anchor.js') // JS Files

Si il y a des personnes qui utilisent également ce template, je voudrais avoir votre avis et comment résoudre ce problème.

Amicalement,
Dolnar

[lomart]

Re : Helix 3 : Ajouter un effet smooth scroll sur des ancres HTML

Bonjour,

Tu as le plugin de CED qui fonctionne bien : ScrollCK

[dolnar]

Re : Helix 3 : Ajouter un effet smooth scroll sur des ancres HTML

Bonjour,

Tu as le plugin de CED qui fonctionne bien : ScrollCK

Merci Lomart. Cela fonctionne comme une lettre à la poste. Sauriez-vous comment je peux faire pour que le texte s'aligne juste au bord inférieur de ma barre de navigation. Le contenu se retrouve en dessous de ladite barre, lorsque je clique sur la flèche animé.

Amicalement,
Dolnar

[ced1870]

Re : Helix 3 : Ajouter un effet smooth scroll sur des ancres HTML

salut
dans les options du plugin tu peux définir un décalage qui te permet de régler ce genre de souci. La valeur du décalage peut être positive ou négative
CEd

[dolnar]

Re : Helix 3 : Ajouter un effet smooth scroll sur des ancres HTML

salut
dans les options du plugin tu peux définir un décalage qui te permet de régler ce genre de souci. La valeur du décalage peut être positive ou négative
CEd

Merci Ced, trop top ce plugin.

[ced1870]

Re : Helix 3 : Ajouter un effet smooth scroll sur des ancres HTML

merci