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

$(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都会反复执行，最好去掉动态效果