top.rar
回到顶部效果分为两步实现:
1.当滚动条距顶部距离大于100像素时,跳转链接出现,否则消失
-
$(window).scroll(function(){
-
if ($(window).scrollTop()>100){
-
$("#toTop").fadeIn(1000);
-
}
-
else
-
{
-
$("#toTop").fadeOut(600);
-
}
-
});
2.当点击跳转链接后,动画效果回到页面顶部位置
-
$("#toTop").click(function(){
-
$('body,html').animate({scrollTop:0},1000);
-
return false;
-
});
阅读(330) | 评论(0) | 转发(0) |