JS Scrolling ne semble pas fonctionner sur mon site

J’essaie donc d’utiliser l’animation de défilement régulier utilisée dans ce modèle:

https://blackrockdigital.github.io/startbootstrap-scrolling-nav/

Après avoir ajouté les fichiers js à mon répertoire, y compris les fichiers JQuery de base, j’ai vu le fichier .js personnalisé qui ajoute le défilement. Il utilise le paramètre .class dans une balise d’ancrage pour détecter si le fait de cliquer dessus déclenche le défilement. J’ai donc ajouté ceux-ci à mes balises d’ancrage.

Vous trouverez ci-dessous le code correspondant.

Je vais inclure un aperçu en direct aussi.

fichier index.html

  

Importations de script dans index.html

      

Scrolling-nav.js

 (function($) { "use ssortingct"; // Start of use ssortingct // Smooth scrolling using jQuery easing $('a.js-scroll-sortinggger[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, "easeInOutExpo"); return false; } } }); })(jQuery); // End of use ssortingct 

Je n’ai presque aucune expérience de JQuery / JS, alors il m’est difficile de comprendre où cela risque de mal tourner.

Voici un aperçu en direct du site Web contenant le code ci-dessus:

Aperçu en direct

Code complet:

Lien Github

S’il manque des informations, faites le moi savoir.

jQuery est manquant et vous utilisez jQuery dans votre événement click …

entrez la description de l'image ici

Ajouter ce code dans votre jquery

  $(document).ready(function(){ // Add smooth scrolling to all links $("a").on('click', function(event) { // Make sure this.hash has a value before overriding default behavior if (this.hash !== "") { // Prevent default anchor click behavior event.preventDefault(); // Store hash var hash = this.hash; // Using jQuery's animate() method to add smooth page scroll // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area $('html, body').animate({ scrollTop: $(hash).offset().top }, 800, function(){ // Add hash (#) to URL when done scrolling (default click behavior) window.location.hash = hash; }); } // End if }); });