码迷,mamicode.com
首页 > Web开发 > 详细

jquery实现返回顶部效果

时间:2015-08-31 13:38:10      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:jquery   返回顶部   

jQuery("#gotop").css(‘display‘,‘none‘);jQuery(window).scroll(function(){if(jQuery(this).scrollTop()>100){jQuery("#gotop").fadeIn(1000)}else{jQuery("#gotop").fadeOut(750)}});jQuery("#gotop").click(function(){jQuery("html, body").animate({scrollTop:0},300);return false})

滑动到一定距离,返回顶部按钮出现,点击后使用动画animate返回到顶部

版权声明:本文为博主原创文章,未经博主允许不得转载。

jquery实现返回顶部效果

标签:jquery   返回顶部   

原文地址:http://blog.csdn.net/u012011360/article/details/48132277

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!