点击top返回到页面顶部

制作需求：
1. 当页面窗口的高度大于50时top按钮出现
2. 点击top按钮时返回到页面顶部

$(document).radey(function(){
   $(window).scroll(function(){
     if($(window).scrollTop()>50){
      $(".top").fadeIn(1500);
     }
     else{
     $(".top").fadeOut(1500);
     }
   });
   $(".top").click(function(){
     $("html,body").animate({
      scrollTop:0
     },300);
   })
})

css

.fhtop{width:58px;height:58px;background:url(../images/fhtop1.png) center center no-repeat; position:absolute;right:0;top:35px; display:none;}

html

<a href="javascript:;" class="fhtop"></a>