Кнопка "Вверх" не работает в браузере 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>


javascript browser jquery firefox scrolltop
person user21    schedule 12.04.2016    source источник
comment
Попробуйте $('body, html').animate({...})   -  person Derek S    schedule 12.04.2016
comment
Это чудо работает. Спасибо!   -  person user21    schedule 12.04.2016
comment
Возможный дубликат Animate scrollTop не работает в firefox   -  person scrappedcola    schedule 12.04.2016
comment
извините, не знал, что есть похожие вопросы   -  person user21    schedule 12.04.2016

Ответы (1)


arrow_upward
2
arrow_downward

Анимируйте как body, так и html.

$('body, html').animate({scrollTop:0},600);
person Derek S    schedule 12.04.2016