回到顶部最简单的JQuery实现代码 [ 未指定版本 ]
<a href="#" id="top">回到顶部</a>
CSS代码,使用了fixed让对象固定于浏览器窗口:
#top{position:fixed;bottom:0;right:10px;}
jQuery代码,注意正常使用的几个条件
$('#top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);return false;});
800 是调节移动速度的,可以自己调节!
╃巡洋艦㊣ 北京
注册时间:2010-11-21
最后登录:1小时前
在线时长:1674小时13分
最后登录:1小时前
在线时长:1674小时13分
- 粉丝1369
- 金钱76368
- 威望845
- 积分101558
热门源码
- 基于 Yii 2 + Bootstrap 3 搭建一套后台管理系统 CMF
- 整合完 yii2-rbac+yii2-admin+adminlte 等库的基础开发后台源码
- 适合初学者学习的一款通用的管理后台
- yii-goaop - 将 goaop 集成到 Yii,在 Yii 中优雅的面向切面编程
- yii-log-target - 监控系统异常且多渠道发送异常信息通知
- 店滴云1.3.0
- 面向对象的一小步:添加 ActiveRecord 的 Scope 功能
- Yii2 开源商城 FecShop
- 基于 Yii2 开发的多店铺商城系统,免费开源 + 适合二开
- leadshop - 基于 Yii2 开发的一款免费开源且支持商业使用的商城管理系统
共 9 条评论
不错!
试了下,还需要自己修改好看些。。。
领教了。。。。。。。。
膜拜
不错,顶!
收藏啦······
回到顶部
回到顶部
确实是很简单,不错