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 相关文章推荐
Jquery从头学起第四讲 jquery入门教程
Aug 01 Javascript
常见的javascript跨域通信方法
Dec 31 Javascript
jQuery自定义滚动条完整实例
Jan 08 Javascript
JS字符串的切分用法实例
Feb 22 Javascript
jquery与js实现全选功能的区别
Jun 11 jQuery
Vue.js在数组中插入重复数据的实现代码
Nov 17 Javascript
jQuery实现图片上传预览效果功能完整实例【测试可用】
May 28 jQuery
解决koa2 ctx.render is not a function报错问题
Aug 07 Javascript
JS中实现一个下载进度条及播放进度条的代码
Jun 10 Javascript
JavaScript面向对象中接口实现方法详解
Jul 24 Javascript
element-ui table行点击获取行索引(index)并利用索引更换行顺序
Feb 27 Javascript
vue选项卡切换的实现案例
Apr 11 Vue.js
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 is_file 判断给定文件名是否为一个正常的文件
2010/05/10 PHP
如何使用FireFox插件FirePHP调试PHP
2013/07/23 PHP
thinkPHP+phpexcel实现excel报表输出功能示例
2017/06/06 PHP
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
2010/09/28 Javascript
javascript一元操作符(递增、递减)使用示例
2013/08/07 Javascript
javascript打印输出json实例
2013/11/11 Javascript
JavaScript中数组成员的添加、删除介绍
2014/12/30 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
深入理解选择框脚本[推荐]
2016/12/13 Javascript
使用JavaScript开发跨平台的桌面应用详解
2017/07/27 Javascript
关于vue-router的beforeEach无限循环的问题解决
2017/09/09 Javascript
layui之select的option叠加问题的解决方法
2018/03/08 Javascript
vue.js仿hover效果的实现方法示例
2019/01/28 Javascript
element ui分页多选,翻页记忆的实例
2019/09/03 Javascript
基于jQuery实现可编辑的表格
2019/12/11 jQuery
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
2020/04/24 Javascript
ES6 Symbol在对象中的作用实例分析
2020/06/06 Javascript
vue商城中商品“筛选器”功能的实现代码
2020/07/01 Javascript
vue使用Sass时报错问题的解决方法
2020/10/14 Javascript
React实现todolist功能
2020/12/28 Javascript
基于Python的XSS测试工具XSStrike使用方法
2017/07/29 Python
Python Dataframe 指定多列去重、求差集的方法
2018/07/10 Python
Python高斯消除矩阵
2019/01/02 Python
Django之创建引擎索引报错及解决详解
2019/07/17 Python
PyCharm中代码字体大小调整方法
2019/07/29 Python
利用python、tensorflow、opencv、pyqt5实现人脸实时签到系统
2019/09/25 Python
Django项目基础配置和基本使用过程解析
2019/11/25 Python
PyCharm设置Ipython交互环境和宏快捷键进行数据分析图文详解
2020/04/23 Python
Sarenza德国:法国最大的时尚鞋和包包网上商店
2019/06/08 全球购物
Javascript如何发送一个Ajax请求
2015/01/26 面试题
观看《永远的雷锋》心得体会
2014/03/12 职场文书
爱祖国演讲稿
2014/05/04 职场文书
小学开学标语
2014/07/01 职场文书
全国法院系统开展党的群众路线教育实践活动综述(全文)
2014/10/25 职场文书
MYSQL数据库使用UTF-8中文编码乱码的解决办法
2021/05/26 MySQL
PYTHON 使用 Pandas 删除某列指定值所在的行
2022/04/28 Python