Jquery JS fadeIn/fadeOut显示故障

我试图用简单的JS效果制作Skroll到Top按钮，但我只停留在一个地方。当我单击按钮时，

淡出

（但它不应该），然后滚动到顶部，我的按钮

淡入

，并立即淡出

我想得到这样的效果： 我点击按钮，页面滚动到顶部，按钮

淡出

这是我的代码，我找不出哪里有错误

$(function() {

            $(window).scroll(function() {

                if($(this).scrollTop() != 0) {

                    $('.page_up').fadeIn();

                } else {

                    $('.page_up').fadeOut();

                }

            });

            $('.page_up').click(function() {

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

            });

        });



.page_up{
    display: none;
    background-image: url("images/1c.png");
    height: 52px;
    width: 52px;
    position: fixed;
    left: 30px;
    bottom: 30px;

}


动画结束后，您可以使用
淡出
：

$(document).ready(function () {
    $(window).scroll(function () {

        if ($(this).scrollTop() != 0) {
            $('.page_up').fadeIn();
        }

    });

    $(".page_up").on('click', function () {
        $('body,html').animate({
            scrollTop: 0
        }, 800, function () {
            $(".page_up").fadeOut()
        });
    })

});

您可以删除锚
谢谢！这两种方法都对我有帮助。