scrollTo.js意外数字

Question

大家好，我想用滚动进行导航，但我有这个错误：

未捕获的SyntaxError：意外的数

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

  });

Answer 1

scrollTo的正确语法是：

window.scrollTo(xpos,ypos)

您的代码应该是：

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

但是，如果您想滚动到任何元素，请阅读以下答案：jQuery滚动到元素

此外，正如您提到的，您正在使用scrollTo.js插件，您的代码应该是：

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

Answer 2

您似乎在尝试使用jquery.scrollTo，尽管不正确。

首先确保包含jQuery（1.8或更高版本）和jQuery.scrollTo（2.1.0），类似于以下内容：

<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>

然后添加这个：

<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>

这很管用。200看起来太快了，但你可以根据自己的喜好进行调整。