スクロールトップボタンに適用した場合、jQuery animate（）が動作しません

Question

スクロールトップボタンをクリックすると、アニメーション機能が動作しません。 アンカーのリンクをたどるだけです。 私はこのコードを他のプロジェクトで使用しており、そこでは完全に動作します。

編集： 私も試してみました： scrollUpでe.preventDefaultを与えること= "＃"

のhrefを除去することにより最終的に

var scrollUp = $(".scrollTop"); 
 

 
    $(window).scroll(function() { 
 
    var topPos = $(this).scrollTop(); 
 

 
    if (topPos > 100) { 
 
     $(scrollUp).css("opacity", "1"); 
 

 
    } else { 
 
     $(scrollUp).css("opacity", "0"); 
 
    } 
 

 
    }); 
 

 
    $($(scrollUp)).click(function() { 
 
    $('html, body').animate({ 
 
     scrollTop: 0 
 
    }, 800); 
 
    return false; 
 

 
    });

html, body { 
 
    font-size: 95%; 
 
    color: #1a2439; 
 
    background-color: #fafafa; 
 
    line-height: 1.7em; 
 
    font-family: 'Raleway', sans-serif; 
 
    letter-spacing: 0.035em; 
 
    margin: 0; 
 
    padding: 0; 
 
}

<div class="scrollTop"> 
 
    <a href="#"><i class="fa fa-chevron-circle-up scrollTopBtn"></i></a> 
 
</div>

Answer 1

をクリックして、私の愚かなミスをしました。 現在のプロジェクトでjquery slim build versionを使用していましたが、すべての機能をサポートしていません。 jqueryフルバージョン（圧縮されたプロダクションバージョン）に切り替えました。このコードは今すぐ完全に実行されます。