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

Question

单击滚动顶部按钮时，动画功能不起作用。它只是跟在锚点的 link 之后。我在其他项目中使用过这段代码，并且在那里运行得很好。

编辑：我也试过：通过删除 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 构建版本，它不支持所有功能。我切换到 jquery 完整版（压缩生产版），这段代码现在运行完美！

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

jQuery animate() not working in my case when applied on scroll top button

javascript

jquery

animation

scrolltop

jquery-animate