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

Question

When scroll top button is clicked, the animate function doesn't work. It just follows the link of the anchor. I have used this code in other project and it works perfectly there.

Edit: I also tried: By removing the href="#"

By giving e.preventDefault in scrollUp click

 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

Finally got my silly mistake. I was using jquery slim build version in the current project and it doesn't support all features. I switched to jquery full version (compressed production version) and this code runs perfectly now!