Question

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

编辑：我也尝试过：删除href =＆＃34;＃＆＃34;

通过在scrollUp中提供e.preventDefault，单击

＆＃13;

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;

   });

＆＃13;

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;
}

＆＃13;

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

＆＃13;

Answer 1

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

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

1 个答案: