scrollTo.js nombre inattendu

Question

Salut tout le monde je veux faire une navigation avec défilement mais je cette erreur:

Uncaught SyntaxError: Numéro inattendu

$('.nav-link').on('click',function(e){ 
      e.preventDefault(); 
      scrollTo($(this).attr('href') 200); 
     }) 


    }); 

Answer 1

La syntaxe correcte est de scrollTo:

window.scrollTo(xpos,ypos) 

Votre code doit être:

$('.nav-link').on('click',function(e){ 
      e.preventDefault(); 
      scrollTo(300, 200); // as per correct syntax 

     }); 

Mais, si vous voulez faire défiler à tout élément, lire cette réponse: jQuery scroll to element

En outre, comme vous l'avez mentionné que vous utilisez scrollTo.js plugin, Votre code doit être:

$('.nav-link').on('click',function(e){ 
       e.preventDefault(); 
       $('#<ID_OF_ELEMENT>').ScrollTo();  

      }); 

Answer 2

Vous semblez essayer d'utiliser jquery.scrollTo quoique incorrectement.

Tout d'abord vous faire inclure que jQuery (1,8 ou au-dessus) et aussi jquery.scrollTo (2.1.0), quelque chose comme ceci:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.scrollto/2.1.0/jquery.scrollTo.min.js"></script> 

puis ajoutez ceci:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.nav-link').click(function(e) { 
    e.preventDefault(); 
    $(window).stop(true).scrollTo(this.hash, {duration:200, interrupt:true}); 
    }); 
}); 
</script> 

Cela fonctionne . 200 semble trop rapide mais vous pouvez le modifier à votre goût.