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 jquery做的图片连续滚动代码
Jan 06 Javascript
JS 实现完美include载入实现代码
Aug 05 Javascript
jQuery遍历Form示例代码
Sep 03 Javascript
学习JavaScript设计模式之代理模式
Jan 12 Javascript
微信小程序前端源码逻辑和工作流
Sep 25 Javascript
JavaScript编写一个贪吃蛇游戏
Mar 09 Javascript
ES6新特性七:数组的扩充详解
Apr 21 Javascript
vue实现前进刷新后退不刷新效果
Jan 26 Javascript
vue.js template模板的使用(仿饿了么布局)
Aug 13 Javascript
js验证身份证号码记录的方法
Apr 26 Javascript
Element ui 下拉多选时新增一个选择所有的选项
Aug 21 Javascript
Vue 中使用富文本编译器wangEditor3的方法
Sep 26 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数组总结篇(一)
2008/09/30 PHP
基于ThinkPHP实现批量删除
2015/12/18 PHP
php用户密码加密算法分析【Discuz加密算法】
2016/10/12 PHP
PHP利用DWZ.CN服务生成短网址
2019/08/11 PHP
关于laravel 子查询 & join的使用
2019/10/16 PHP
javascript编程起步(第二课)
2007/02/27 Javascript
jquery ajax 同步异步的执行示例代码
2010/06/23 Javascript
ES6概念 Symbol.keyFor()方法
2016/12/25 Javascript
微信小程序 本地数据存储实例详解
2017/04/13 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
2017/05/03 Javascript
ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
2017/05/24 Javascript
JavaScript requestAnimationFrame动画详解
2017/09/14 Javascript
Vue脚手架的简单使用实例
2018/07/10 Javascript
vue使用中的内存泄漏【推荐】
2018/07/10 Javascript
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
[00:43]FTP典藏礼包 DOTA2三大英雄霸气新套装
2014/03/21 DOTA
python网络编程学习笔记(10):webpy框架
2014/06/09 Python
python使用心得之获得github代码库列表
2014/06/25 Python
用ReactJS和Python的Flask框架编写留言板的代码示例
2015/12/19 Python
Python用模块pytz来转换时区
2016/08/19 Python
Python2.7基于笛卡尔积算法实现N个数组的排列组合运算示例
2017/11/23 Python
对python使用http、https代理的实例讲解
2018/05/07 Python
详解python中的json和字典dict
2018/06/22 Python
python编辑用户登入界面的实现代码
2018/07/16 Python
python利用Tesseract识别验证码的方法示例
2019/01/21 Python
安装python及pycharm的教程图解
2019/10/10 Python
基于torch.where和布尔索引的速度比较
2020/01/02 Python
pytorch 利用lstm做mnist手写数字识别分类的实例
2020/01/10 Python
自定义Django_rest_framework_jwt登陆错误返回的解决
2020/10/18 Python
Ajxa常见问题都有哪些
2014/03/26 面试题
初中生思想道德自我评价
2015/03/09 职场文书
2016年社区“我们的节日·中秋节”活动总结
2016/04/05 职场文书
详解Java实现数据结构之并查集
2021/06/23 Java/Android
总结python多进程multiprocessing的相关知识
2021/06/29 Python
SpringBoot整合minio快速入门教程(代码示例)
2022/04/03 Java/Android
nginx 配置指令之location使用详解
2022/05/25 Servers