javascript - 转到顶部按钮在Firefox浏览器中不起作用

我有一个“ gototop”按钮。当用户单击按钮时，页面将向上滚动。它可以在Safari和Chrome中正常运行，但不能在Firefox上运行。我认为已在Firefox中启用了JavaScript。不知道为什么它不起作用。

$(document).ready(function(){
     $(window).scroll (function(){
     if($(this).scrollTop()>90) {
       $('.goToTop').fadeIn(); }
     else{
       $('.goToTop').fadeOut();
    }
  });

  var goToTop = document.getElementsByClassName("goToTop")[0];

  goToTop.onclick = function(){
    $('body').animate({scrollTop:0},600);
  };
})

body {
  height: 200vh;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<img src="http://placehold.it/45x45?text=^" class='goToTop' style="background: #fff url({{ 'back-to-top.png' | asset_url }}) no-repeat ;
  bottom:1px;display:block;opacity:.8; border-radius: 20px;position:fixed;right:1em;height:45px;width:45px; z-index:999">
  <div class="sixteen columns page">
     {{ page.content }}
 </div>

最佳答案

对body和html设置动画。

$('body, html').animate({scrollTop:0},600);