在Firefox中jQuery动画scrollTop问题

时间:2016-06-02 12:04:11

标签: jquery firefox

我使用jQuery为我的简历构建了一个网站,用于一些基于滚动的事件和动画。问题是“Go to top”箭头在Chrome(PC)和Mobile Safari上运行正常,但似乎无法在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");
});

1 个答案:

答案 0 :(得分:1)

试试这个..

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