2016-06-02 14 views
0

Ich habe eine Website für meinen Lebenslauf mit jQuery für einige Scroll-basierte Ereignisse und Animationen erstellt. Das Problem ist, dass der Pfeil "Nach oben" in Chrome (PC) und Mobile Safari funktioniert, aber nicht in Firefox funktioniert.jQuery animieren scrollTop Problem in Firefox

//arrow up show/hide function 
$(document).on("scroll", function(){ 
    "use strict"; 
    if($(document).scrollTop() > 500){ 
     $(".arrow-up").addClass("arrow-up-clicked"); 
    } else { 
     $(".arrow-up").removeClass("arrow-up-clicked"); 
    } 
}); 

//arrow up on click event 
$(".arrow-up").on("click", function() { 
    "use strict"; 
    $("body").animate({ 
     scrollTop: 0 
    }, "300", "swing"); 
}); 
+2

Versuchen zu verwenden, anstatt '$ (Fenster) .animate ({...});' und btw, verwenden 'window' statt' document' –

+3

Mögliches Duplikat - http://stackoverflow.com/questions/8149155/animate-scrolltop-not-working-in-firefox –

+2

Aktualisieren Sie Ihren Titel von "jQuery funktioniert nicht auf Firefox" zu "scrollTop funktioniert nicht Feuerfuchs." –

Antwort

0

mit Try this ..

$('.arrow-up').click(function(){ 
    $('html, body').animate({scrollTop : 0},300); 
    return false; 
}); 
+0

Danke .. Das hat definitiv geholfen! –

+0

@AhmedHassan dann können Sie es als Antwort akzeptieren. –

Verwandte Themen