JQ 回顶部
2015-07-02 09:19
197 查看
<script src="js/jquery-1.11.3.js"></script> <script> $('.backtotop').hide();//初始按钮状态为隐藏 $(window).scroll(function () { if ($(window).scrollTop() > 500) {//判断距顶部的距离 $('.backtotop').slideDown(800);//如果大于500px就显示按钮 } else { $('.backtotop').slideUp(600);//否则按钮隐藏 } }); $(".backtotop").click(function(){//点击按钮执行回顶部动画 $("body").animate({scrollTop:"0px"},1000) }) </script>
相关文章推荐
- CentOS用户管理及分组管理(三)
- Android开发设计模式之——单例模式
- Android requires compiler compliance level 5.0 or 6.0. Found '1.7' instead. Please use Android Tools
- ubuntu 文件及子文件夹的权限的查看及修改
- 【C语言】实现一个函数求字符串长度(不能创建第三方变量)
- 《编程导论(Java)·3.2.4 循环语句》
- Linux设备管理文件系统,mdev,热插拔
- Scala学习笔记二
- Android 常用RGB值以及中英文名称
- Java8 Lambda表达式教程
- 疯狂java讲义之多线程
- Java基础之集合
- 解决腾讯云服务器(Windows server 2018)无法打开IE
- C#操作Word (2)-- 打开&关闭Word文档
- linux修改系统时间和linux查看时区、修改时区的方法
- php统计数组元素个数的方法
- PreCreateWindow
- 【Linux 内核网络协议栈源码剖析】connect 函数剖析(一)
- php扩展开发笔记(9)sizeof 和 strlen 遇到空字符 '\0' 的问题
- C语言之正确使用const