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 相关文章推荐
JavaScript语句可以不以;结尾的烦恼
Mar 08 Javascript
javascript Demo模态窗口
Dec 06 Javascript
Safari5中alert的无限循环BUG
Apr 07 Javascript
Js判断参数(String,Array,Object)是否为undefined或者值为空
Nov 04 Javascript
js substring从右边获取指定长度字符串(示例代码)
Dec 23 Javascript
chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
Oct 09 Javascript
JS导出PDF插件的方法(支持中文、图片使用路径)
Jul 12 Javascript
浅谈JS之tagNaem和nodeName
Sep 13 Javascript
Javascript Event(事件)的传播与冒泡
Jan 23 Javascript
JS完成画圆圈的小球
Mar 07 Javascript
跟混乱的页面弹窗说再见
Apr 11 Javascript
JS实现前端动态分页码代码实例
Jun 02 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学习之正则表达式
2011/04/17 PHP
PHP实现返回JSON和XML的类分享
2015/01/28 PHP
PHP中iconv函数知识汇总
2015/07/02 PHP
详解PHP中的Traits
2015/07/29 PHP
Laravel如何实现自动加载类
2019/10/14 PHP
跨浏览器通用、可重用的选项卡tab切换js代码
2011/09/20 Javascript
Jquery遍历Json数据的方法
2015/04/20 Javascript
JS Ajax请求如何防止重复提交
2016/06/13 Javascript
Javascript中常用的检测方法小结
2016/10/08 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
2016/10/10 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
2017/02/20 Javascript
Bootstrap Table使用整理(四)之工具栏
2017/06/09 Javascript
基于javascript 显式转换与隐式转换(详解)
2017/12/15 Javascript
微信小程序js文件改变参数并在视图上及时更新【推荐】
2018/06/11 Javascript
vue微信分享的实现(在当前页面分享其他页面)
2019/04/16 Javascript
layer实现弹出层自动调节位置
2019/09/05 Javascript
小程序采集录音并上传到后台
2019/11/22 Javascript
[43:41]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
python使用WMI检测windows系统信息、硬盘信息、网卡信息的方法
2015/05/15 Python
Python切片操作深入详解
2018/07/27 Python
python K近邻算法的kd树实现
2018/09/06 Python
Python对象中__del__方法起作用的条件详解
2018/11/01 Python
Python3爬虫学习之应对网站反爬虫机制的方法分析
2018/12/12 Python
pandas DataFrame 行列索引及值的获取的方法
2019/07/02 Python
Python产生一个数值范围内的不重复的随机数的实现方法
2019/08/21 Python
详解在python操作数据库中游标的使用方法
2019/11/12 Python
浅谈keras保存模型中的save()和save_weights()区别
2020/05/21 Python
英国男士时尚网站:Dandy Fellow
2018/02/09 全球购物
BudgetAir印度:预订航班、酒店和汽车租赁
2019/07/07 全球购物
新浪微博实习心得体会
2014/01/27 职场文书
校长师德师风自我剖析材料
2014/09/29 职场文书
文明单位汇报材料
2014/12/24 职场文书
2015年乡镇统计工作总结
2015/04/22 职场文书
2015年财务人员个人工作总结
2015/07/27 职场文书
SQL实现LeetCode(197.上升温度)
2021/08/07 MySQL
Python机器学习实战之k-近邻算法的实现
2021/11/27 Python