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 相关文章推荐
iframe异步加载实现点击左边菜单加载右边内容实例讲解
Mar 04 Javascript
jquery处理json数据实例分析
Jun 03 Javascript
JavaScript判断undefined类型的正确方法
Jun 30 Javascript
网页收藏夹显示ICO图标(代码少)
Aug 04 Javascript
JavaScript html5 canvas绘制时钟效果
Mar 01 Javascript
代码详解Vuejs响应式原理
Dec 20 Javascript
解决低版本的浏览器不支持es6的import问题
Mar 09 Javascript
从零开始用electron手撸一个截屏工具的示例代码
Oct 10 Javascript
微信小程序调用微信支付接口的实现方法
Apr 29 Javascript
Vue+Element实现动态生成新表单并添加验证功能
May 23 Javascript
简单使用webpack打包文件的实现
Oct 29 Javascript
微信小程序向Java后台传输参数的方法实现
Dec 10 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/02/03 PHP
php调用dll的实例操作动画与代码分享
2012/08/14 PHP
PHP笔记之:基于面向对象设计的详解
2013/05/14 PHP
CodeIgniter中使用cookie的三种方式详解
2014/07/18 PHP
支持中文的PHP按字符串长度分割成数组代码
2015/05/17 PHP
PHP基于MySQLI函数封装的数据库连接工具类【定义与用法】
2017/08/11 PHP
javascript css styleFloat和cssFloat
2010/03/15 Javascript
javascript深入理解js闭包
2010/07/03 Javascript
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
2011/10/22 Javascript
用Javascript来生成ftp脚本的小例子
2013/07/03 Javascript
jQuery function的正确书写方法
2013/08/02 Javascript
chrome下img加载对height()的影响示例探讨
2014/05/26 Javascript
JS中的作用域链
2017/03/01 Javascript
layui文件上传实现代码
2017/05/20 Javascript
JavaScript中如何判断一个值的类型
2017/09/15 Javascript
Angular Renderer (渲染器)的具体使用
2018/05/03 Javascript
使用javascript函数编写简单银行取钱存钱流程
2018/05/26 Javascript
vue两个组件间值的传递或修改方式
2018/07/04 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
2018/09/29 Javascript
详解vue中使用protobuf踩坑记
2019/05/07 Javascript
Vue封装Axios请求和拦截器的步骤
2020/09/16 Javascript
[01:32]dota2拉比克至宝(222)
2018/12/20 DOTA
[01:08:24]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第一场 2月5日
2021/03/11 DOTA
Python中的生成器和yield详细介绍
2015/01/09 Python
利用python代码写的12306订票代码
2015/12/20 Python
python实现斐波那契数列的方法示例
2017/01/12 Python
详解python算法之冒泡排序
2019/03/05 Python
Python 中如何实现参数化测试的方法示例
2019/12/10 Python
Python利用全连接神经网络求解MNIST问题详解
2020/01/14 Python
拥有超过850家商店的美国在线派对商店:Party City
2018/10/21 全球购物
实习单位接收函模板
2014/01/10 职场文书
事务机电主管工作职责
2014/02/25 职场文书
2014年小学生迎国庆65周年演讲稿
2014/09/27 职场文书
2015年行政管理人员工作总结
2015/10/15 职场文书
springboot项目以jar包运行的操作方法
2021/06/30 Java/Android
SQL中的三种去重方法小结
2021/11/01 SQL Server