Jquery---用jQuery实现的智能隐藏、滑动效果的返回顶部代码

<script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js"></script> 
<script> 
$(function(){ 
//当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失 
$(function () { 
$(window).scroll(function(){ 
if ($(window).scrollTop()>100){ 
$("#back-to-top").fadeIn(1500); 
} 
else 
{ 
$("#back-to-top").fadeOut(1500); 
} 
}); 
//当点击跳转链接后,回到页面顶部位置 
$("#back-to-top").click(function(){ 
$('body,html').animate(
   {scrollTop:0//$("#mai").offset().top+"px"
      },1000); 
return false; 
}); 
}); 
}); 
</script> 

  

posted @ 2015-03-24 14:32  ICupid  阅读(180)  评论(0编辑  收藏  举报