jQuery animate scrollTop issue in Firefox

Question

I've build a website for my resume with jQuery for some scroll-based events and animations. The problem is the "Go to top" arrow works fine on Chrome (PC) and Mobile Safari but doesn't seem to work on 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");
});

Try to use instead `$(window).animate({...});` and btw, use `window` instead of `document` — A. Wolff, Jun 02 '16 at 12:07
Possible duplicate - http://stackoverflow.com/questions/8149155/animate-scrolltop-not-working-in-firefox — Gilad Artzi, Jun 02 '16 at 12:11
update your title from "jQuery doesn't work on Firefox" to "scrollTop is not working on Firefox." — Nikhilesh K V, Jun 02 '16 at 12:16

score 1 · Accepted Answer · answered Jun 02 '16 at 12:14

1

Try with this..

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

answered Jun 02 '16 at 12:14

Parvez Rahaman

3,659
2
18
34

Thanks.. That definitely helped! – Ahmed Hassan Jun 02 '16 at 18:01

jQuery animate scrollTop issue in Firefox

1 Answers1