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 scroll to element

此外，正如您所提到的，您使用的是 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似乎太快了，但你可以根据自己的喜好调整它。

scrollTo.js意外的数字

2 个答案: