2016-04-12 32 views
0

'Gototop' düğmesine sahibim. Kullanıcı bu düğmeyi tıkladığında sayfa yukarı çıkacaktır. Safari ve Chrome'da iyi çalışıyor, ancak Firefox'ta çalışmıyor. Firefox’ta JavaScript’i etkinleştirdim. Neden çalışmadığından emin değil.Yukarı git düğmesi, Firefox tarayıcısında çalışmıyor

$(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 ve html hem

+0

deneyin '$ ('body, html'). ({...})' –

+0

Bu merak çalışır animasyon. Teşekkürler! – user21

+4

Olası yinelenen [Animate scrollTop firefox çalışmıyor] (http://stackoverflow.com/questions/8149155/animate-scrolltop-not-working-in-firefox) – scrappedcola

cevap

2

Animasyon.

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

Teşekkür ederim ! işe yarıyor. – user21