jQuery scroll to div onclick not working

Question

私のウェブサイトhttp://www.dicosoftware.comのスクロールを実装して、サイトの各セクションに滑らかなスクロールをさせようとしていますが、機能しません。あなたはサイトにアクセスして確認することができ、提供できるフィードバックは非常に高く評価されます。

main.jsファイルで次のjQuery関数を使用しています。

$(".js--scroll-to-main").click(function(){ 
    $('html,body').animate({scrollTop:$("#header").offset().top},2000); 
}); 

$(".js--scroll-to-about_us").click(function({ 
    $('html,body').animate({scrollTop:$("#sectionabout_us").offset().top},2000; 
}); 

$(".js--scroll-to-services").click(function(){ 
     $('html, body').animate({scrollTop:$("#section-services").offset().top},2000); 
}); 

$(".js--scroll-to-contact_us").click(function(){ 
     $('html, body').animate({scrollTop:$("#section-contact_us").offset().top},2000); 
}); 

私のリンクは順不同リスト

<ul class="main-nav hidden js--main-nav"> 
    <li> <a class="js--scroll-to-main" href="#">Inicio</a> </li> 
    <li> <a class="js--scroll-to-about_us" href="#">Nosotros</a> </li> 
    <li> <a class="js--scroll-to-services" href="#">Servicios</a> </li> 
    <li class="contact-link"> <a class="js--scroll-to-contact_us" href="#">Contactanos</a> </li> 
</ul> 

下に設定され、各セクションには、以下のdivの下の設定です。

<header id="header"> ... </header> 
<section class="section-about_us js--section-about_us" id="section-about_us"> ... </section> 
<section class="section-services js--section-services" id="section-services"> ... </section> 
<section class="section-contact js--section-contact" id="section-contact_us"> ... </section> 

Answer 1

注コンソールでエラー：同様のquestionで

TypeError: $('html, body').animate is not a function.

それはjQueryのスリムのビルドは多くの機能が含まれていないことが指摘されました。

あなたはjQueryのフルバージョンには、以下のスクリプトを変更する必要があります。

<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>

など：

https://code.jquery.com/jquery-3.1.1.min.js