百度到一个实现回到顶部的简单方法,分享一下
2018-07-09 16:15
106 查看
// to top回到顶部
var timer = null;
$(window).scroll(function(){
var osTop = $(document).scrollTop();
if(osTop>=600){
$(".to_top").css("display","block")
}else{
$(".to_top").css("display","none")
}
});
$(".to_top").click(function(){
timer = setInterval(function(){//设置定时器
var osTop = $(document).scrollTop();//获取滚动条高
var ispeed = Math.floor(osTop/5);//ispeed 最后等于0
$(document).scrollTop(osTop-ispeed);
if(osTop==(osTop-ispeed)){
clearInterval(timer);//这里osTop==(osTop-ispeed)即ispeed等于0时 条件成立
timer=null;
}
},30);
});
阅读更多相关文章推荐
- 【C#】对异步请求处理程序IHttpAsyncHandler的理解和分享一个易用性封装 【手记】走近科学之为什么明明实现了IEnumerable<T>的类型却不能调用LINQ扩展方法 【手记】手机网页弹出层后屏蔽底层的滑动响应 【手记】ASP.NET提示“未能创建类型”处理 【Web】一个非常简单的移动web消息框 【手记】解决EXCEL跑SQL遇“查询无法运行或数据库表无法打开...”
- 分享实现类似QQ的自动登陆的方法,代码比较简单,主要是给大家提供一个实现逻辑,具体的要结合自身的app来做
- 锚点定位的两种方法,附加一个实现回到顶部功能的例子
- 分享一个iOS下实现基本绘画板功能的简单方法
- 收藏一个简单sql语句实现多查询的方法
- 多元素判断的程序的一个简单实现方法
- Silverlight学习笔记一(理解一下机制,使用一下布局,实现一个简单的用户登录)
- 一个简单实现Ext树的级联选中方法
- 分享:一个简单的线程池的实现
- [百度笔试题]一个简单的递归实现
- LAMP的一个简单实现方法
- 分享一个.NET实现的简单高效WEB压力测试工具
- 分享:基于epoll实现的一个简单的web服务器
- 【分享】分享一个基于SSH实现的简单学生选课系统(附源码)
- 百度笔试题---一个简单的递归实现
- 分享一个简单而实用的缩略图方法
- PHP中通过加号合并数组的一个简单方法分享
- 分享php中四种webservice实现的简单架构方法及实例
- 无奈自己写了一个简单的JDBC查询缓存,分享一下
- ADO.Net实现非连接的简单分页方法(DataAdapter.Fill重载中的一个).