javascript 回到顶部效果的实现代码


Posted in Javascript onFebruary 17, 2014
//speed 滚动速度 time 时间间隔
function gotoTop(speed,time){
    speed = speed || 0.1;
    time = time || 16;
    // 滚动条到页面顶部的水平距离
    var x = document.body.scrollLeft;
    // 滚动条到页面顶部的垂直距离
    var y = document.body.scrollTop;
    // 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小
    speed++; 
    window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));
    // 如果距离不为零, 继续调用迭代本函数
    if(x > 0 || y > 0) {
        window.setTimeout("gotoTop(" + speed + ", " + time + ")", time);
    }
}
Javascript 相关文章推荐
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
Jan 13 Javascript
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
Jan 23 Javascript
javascript使用定时函数实现跳转到某个页面
Dec 25 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
May 25 Javascript
js实现滚动条滚动到某个位置便自动定位某个tr
Jan 20 Javascript
js 提交form表单和设置form表单请求路径的实现方法
Oct 25 Javascript
浅谈react性能优化的方法
Sep 05 Javascript
vue实现分页组件
Jun 16 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
Jul 29 Javascript
JavaScript获取页面元素的常用方法详解
Sep 28 Javascript
vue data引入本地图片的两种方式小结
Nov 13 Javascript
js实现小时钟效果
Mar 25 Javascript
javascript 获取iframe里页面中元素值的方法
Feb 17 #Javascript
JavaScript省市联动实现代码
Feb 15 #Javascript
js与运算符和或运算符的妙用
Feb 14 #Javascript
Javascript和Java获取各种form表单信息的简单实例
Feb 14 #Javascript
jquery中交替点击事件的实现代码
Feb 14 #Javascript
javascript获取form里的表单元素的示例代码
Feb 14 #Javascript
javascript删除数组元素并且数组长度减小的简单实例
Feb 14 #Javascript
You might like
php基础知识:类与对象(5) static
2006/12/13 PHP
浅谈PHP中的
2016/04/23 PHP
深入理解php printf() 输出格式化的字符串
2016/05/23 PHP
PHP中文字符串截断无乱码解决方法
2016/10/10 PHP
php计算给定日期所在周的开始日期和结束日期示例
2017/02/06 PHP
利用PHP实现一个简单的用户登记表示例
2017/04/25 PHP
PHP memcache在微信公众平台的应用方法示例
2017/09/13 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
thinkphp5 模型实例化获得数据对象的教程
2019/10/18 PHP
newxtree.js代码
2007/03/13 Javascript
如何确保JavaScript的执行顺序 之实战篇
2011/03/03 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
2014/05/14 Javascript
jQuery绑定事件on()与弹窗的简要概述
2016/04/27 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
2016/09/17 Javascript
详解webpack解惑:require的五种用法
2017/06/09 Javascript
nodejs 子进程正确的打开方式
2017/07/03 NodeJs
vue2.x集成百度UEditor富文本编辑器的方法
2018/09/21 Javascript
小程序测试后台服务的方法(ngrok)
2019/03/08 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
2019/05/08 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
2019/09/02 Javascript
[01:38]【DOTA2亚洲邀请赛】Sumail——梦开始的地方
2017/03/03 DOTA
[02:51]DOTA2 Supermajor小组分组对阵抽签仪式
2018/06/01 DOTA
python中Apriori算法实现讲解
2017/12/10 Python
15行Python代码带你轻松理解令牌桶算法
2018/03/21 Python
Python DataFrame 设置输出不显示index(索引)值的方法
2018/06/07 Python
详解Django 时间与时区设置问题
2019/07/23 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
python计算Content-MD5并获取文件的Content-MD5值方式
2020/04/03 Python
精伦电子Java笔试题
2013/01/16 面试题
中专毕业生自我鉴定
2013/11/21 职场文书
农业局学习党的群众路线教育实践活动心得体会
2014/03/07 职场文书
财务整改报告范文
2014/11/05 职场文书
学年个人总结范文
2015/03/05 职场文书
2015年医生个人工作总结
2015/04/25 职场文书
社区节水倡议书
2015/04/29 职场文书
我家女友可不止可爱呢 公开OP主题曲无字幕动画MV
2022/04/11 日漫