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 相关文章推荐
js 上传图片预览问题
Dec 06 Javascript
js中 关于undefined和null的区别介绍
Apr 16 Javascript
javascript 获取元素样式必杀技
May 04 Javascript
jQuery中parents()和parent()的区别分析
Oct 28 Javascript
a标签的href与onclick事件的区别详解
Nov 12 Javascript
bootstrap table 服务器端分页例子分享
Feb 10 Javascript
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
Jun 06 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
Sep 19 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
Dec 09 Javascript
JavaScript变速动画函数封装添加任意多个属性
Apr 03 Javascript
JavaScript如何获取一个元素的样式信息
Jul 29 Javascript
JavaScript或jQuery 获取option value值方法解析
May 12 jQuery
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
基于mysql的bbs设计(三)
2006/10/09 PHP
贴一个在Mozilla中常用的Javascript代码
2007/01/09 Javascript
javascript Demo模态窗口
2009/12/06 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
jquery js 获取时间差、时间格式具体代码
2013/06/05 Javascript
高效的jquery数字滚动特效
2015/12/17 Javascript
js控制台输出的方法(详解)
2016/11/26 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
2017/05/20 Javascript
关于在vue-cli中使用微信自动登录和分享的实例
2017/06/22 Javascript
AngularJS常见过滤器用法实例总结
2017/07/06 Javascript
Vue.extend实现挂载到实例上的方法
2019/05/01 Javascript
一步一步实现Vue的响应式(对象观测)
2019/09/02 Javascript
js实现金山打字通小游戏
2020/07/24 Javascript
跟老齐学Python之编写类之一创建实例
2014/10/11 Python
使用Python的Flask框架实现视频的流媒体传输
2015/03/31 Python
全面了解Python的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
简单谈谈Python中的几种常见的数据类型
2017/02/10 Python
PyTorch学习笔记之回归实战
2018/05/28 Python
78行Python代码实现现微信撤回消息功能
2018/07/26 Python
对json字符串与python字符串的不同之处详解
2018/12/19 Python
详解python编译器和解释器的区别
2019/06/24 Python
对Python函数设计规范详解
2019/07/19 Python
在Django admin中编辑ManyToManyField的实现方法
2019/08/09 Python
Pycharm+Python工程,引用子模块的实现
2020/03/09 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
python 多线程共享全局变量的优劣
2020/09/24 Python
python中操作文件的模块的方法总结
2021/02/04 Python
使用Html5多媒体实现微信语音功能
2019/07/26 HTML / CSS
旅游管理实习自我鉴定
2013/09/29 职场文书
自我鉴定思想方面
2013/10/07 职场文书
领导干部作风建设总结
2014/10/23 职场文书
初婚初育证明范本
2014/11/24 职场文书
观看禁毒宣传片后的感想
2015/08/11 职场文书
校园广播稿范文
2015/08/19 职场文书
导游词之江南园林狮子林
2019/09/16 职场文书
MYSQL如何查看进程和kill进程
2022/03/13 MySQL