当应用于滚动顶部按钮时，jQuery animate() 在我的情况下不起作用答案

【问题标题】：jQuery animate() not working in my case when applied on scroll top button当应用于滚动顶部按钮时，jQuery animate() 在我的情况下不起作用
【发布时间】：2017-10-18 14:33:19
【问题描述】：

单击顶部滚动按钮时，动画功能不起作用。它只是跟随锚的链接。我在其他项目中使用过这段代码，它在那里工作得很好。

编辑：我也试过：通过删除 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>

【问题讨论】：

标签： javascript jquery animation jquery-animate scrolltop

【解决方案1】：

终于明白了我的愚蠢错误。我在当前项目中使用的是 jquery slim build version，它不支持所有功能。我切换到jquery完整版（压缩生产版），这段代码现在完美运行！

【讨论】：