关于"返回顶部"代码的疑问

$(function(){
        
        $(function () {
            $(window).scroll(function(){
                if ($(window).scrollTop()>100){
                    $("#back-to-top").fadeIn(300);
                }
                else
                {
                    $("#back-to-top").fadeOut(300);
                }
            });
 
            
 
            $("#back-to-top").click(function(){
                $('body,html').animate({scrollTop:0},300);
                return false;
            });
        });
    });

这是一个"返回顶部"的代码,初衷是让页面向下拉到一定程度的时候,"返回顶部"按钮出现,返回顶部后按钮消失
但是现在的问题是:这个按钮一开始就会显示,然后拉到一定程度后先消失后再显示 www.dodoloo.com 就像这样,大家帮忙看看这段代码有什么要改动的?谢谢
[解决办法]
在html中先将按钮隐藏
还有你的代码明显不好，fideIn与fideOut都会反复执行，最好去掉动态效果