首页学习--返回顶部js及html
来源:互联网 发布:淘宝直播代购包可信吗 编辑:程序博客网 时间:2024/06/08 12:31
goBack: function(){ //返回顶部 $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop > 0){ $("#go-back").slideDown(); }else{ $("#go-back").slideUp(); } }); $(window).scroll(); $("#go-back").click(function(){ $('body,html').animate({scrollTop:0},500); }); },
html
<div class="fixed-list u-goback" id="go-back" style="display: block;"><span class="u-icon"></span></div>
用到了 slideDown 缓慢的收起,放下 animate 动画效果
阅读全文
0 0
- 首页学习--返回顶部js及html
- js返回顶部及重载
- html 返回顶部
- 基于Jquery返回顶部代码html+css+js
- js,html 监听页面滚动高度 点击返回顶部
- js返回页面顶部
- js 返回顶部代码
- js 返回顶部
- js返回顶部代码
- Js返回顶部
- js返回顶部
- 返回顶部 js
- js返回顶部
- js返回顶部实例
- 返回顶部js
- JS 返回顶部功能
- js 返回页面顶部
- js实现返回顶部
- 二叉树的遍历
- Educational Codeforces Round 24 (B Permutation Game,D. Multicolored Cars)
- Kotlin语法基础,控制流
- js小知识
- windows下文件后缀名批量删除和修改
- 首页学习--返回顶部js及html
- android 导入zxing 进行二维码开发
- 简单高精度模板(bzoj 1089: [SCOI2003]严格n元树)
- java 把一个未知长度的字符串中的某个子字符串全部改成另一个字符串
- linux 计划任务
- JSP学习笔记(三)--------Servlet相关及Servlet路径跳转
- Java微信支付开发之扫码支付模式二
- Redis数据结构和内部编码--字符串
- Linux SROP 原理与攻击