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居然支持中文(unicode)编程!
Apr 12 Javascript
js中一维数组和二位数组中的几个问题示例说明
Jul 17 Javascript
在jQuery中处理XML数据的大致方法
Aug 14 Javascript
一个超简单的jQuery回调函数例子(分享)
Aug 08 Javascript
JavaScript实现左右下拉框动态增删示例
Mar 09 Javascript
浅谈Node.js 沙箱环境
May 15 Javascript
详解Axios统一错误处理与后置
Sep 26 Javascript
JavaScript之解构赋值的理解
Jan 30 Javascript
小程序Request的另类用法详解
Aug 09 Javascript
使用Promise封装小程序wx.request的实现方法
Nov 13 Javascript
vue 子组件和父组件传值的示例
Sep 11 Javascript
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
Dec 15 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循环检测目录是否存在并创建(循环创建目录)
2011/01/06 PHP
PHP上传文件时文件过大$_FILES为空的解决方法
2013/11/26 PHP
PHP魔术方法的使用示例
2015/06/23 PHP
jQuery回车实现登录简单实现
2013/08/20 Javascript
基于jquery扩展漂亮的CheckBox(自己编写)
2013/11/19 Javascript
js实现简单的左右两边固定广告效果实例
2015/04/10 Javascript
confirm确认对话框的实现方法总结
2016/06/17 Javascript
详解用webpack2.0构建vue2.0超详细精简版
2017/04/05 Javascript
JS ES6多行字符串与连接字符串的表示方法
2017/04/26 Javascript
详解vue-loader在项目中是如何配置的
2018/06/04 Javascript
JS实现简单的星期格式转换功能示例
2018/07/23 Javascript
Vue路由前后端设计总结
2019/08/06 Javascript
微信小程序自定义波浪组件使用方法详解
2019/09/21 Javascript
JS Generator 函数的含义与用法实例总结
2020/04/08 Javascript
Vue实现购物小球抛物线的方法实例
2020/11/22 Vue.js
Python访问MySQL封装的常用类实例
2014/11/11 Python
Python验证码识别的方法
2015/07/10 Python
python不换行之end=与逗号的意思及用途
2017/11/21 Python
详解appium+python 启动一个app步骤
2017/12/20 Python
python 获取指定文件夹下所有文件名称并写入列表的实例
2018/04/23 Python
详解Python 4.0 预计推出的新功能
2019/07/26 Python
解决pycharm同一目录下无法import其他文件
2020/02/12 Python
pytorch数据预处理错误的解决
2020/02/20 Python
python上selenium的弹框操作实现
2020/07/13 Python
Python字典实现伪切片功能
2020/10/28 Python
Superdry极度干燥美国官网:英国制造的服装品牌
2018/11/13 全球购物
教师实习自我鉴定
2013/12/11 职场文书
儿子婚宴答谢词
2014/01/09 职场文书
外贸专业求职信
2014/03/09 职场文书
三八妇女节超市活动方案
2014/08/18 职场文书
教师自我剖析材料范文
2014/09/30 职场文书
高中升旗仪式主持词
2015/07/03 职场文书
2016大学生就业指导课心得体会
2016/01/15 职场文书
redis实现排行榜功能
2021/05/24 Redis
pandas数值排序的实现实例
2021/07/25 Python
业余无线电通联Q语
2022/02/18 无线电