jquery - Jquery div がフェードイン、フェードアウト、フェードインするのはなぜですか?

Question

そのため、画面の下部にホバーする単純なボタンがあり、クリックするとページの上部に戻ります。問題は、ボタンのクリックがフェードアウトし始めてから元に戻り、一番上に来ると元に戻ることです。

これが私のコードです：

<div class="backToTop">
<a href="#top">Top</a>
</div>

Javascript:

$(window).scroll(function () {            
        if ($(window).scrollTop() > $(this).height() + 100) {
            $('.backToTop').fadeIn();
        } else {
            $('.backToTop').fadeOut();
        }
});

$('.backToTop a').click(function () {
        var anchor = $(this).attr('href');
        var sub = anchor.substring(anchor.search('#'));
        $('html, body').animate({ scrollTop: 0 }, 800);
});