jQuery animate（）在应用于滚动顶部按钮时不适用于我的情况

Question

单击滚动顶部按钮时，动画功能不起作用。 它只是跟随锚点的链接。 我已经在其他项目中使用过这个代码，它在那里完美地工作。

编辑： 我也试过： 通过消除HREF = “＃”

通过scrollUp给e.preventDefault点击

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版本，并且不支持所有功能。 我切换到jquery完整版本（压缩生产版本），这个代码现在完美运行！