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去字符串前后空格5种实现方法及比较
Apr 03 Javascript
Dom 学习总结以及实例的使用介绍
Apr 24 Javascript
jquerydom对象的事件隐藏显示和对象数组示例
Dec 10 Javascript
浅谈被jQuery抛弃的函数及替代函数
May 03 Javascript
jQuery无刷新分页完整实例代码
Oct 27 Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
Dec 19 Javascript
js for循环倒序输出数组元素的实例
Mar 01 Javascript
vue组件初学_弹射小球(实例讲解)
Sep 06 Javascript
webpack将js打包后的map文件详解
Feb 22 Javascript
Vue 指令实现按钮级别权限管理功能
Apr 23 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
Sep 05 Javascript
Vue表单控件数据绑定方法详解
Feb 05 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设计模式  Command(命令模式)
2011/06/17 PHP
详解PHP对数组的定义以及数组的创建方法
2015/11/27 PHP
PHP基于PDO调用sqlserver存储过程通用方法【基于Yii框架】
2017/10/07 PHP
js下写一个事件队列操作函数
2010/07/19 Javascript
jQuery实现图片预加载效果
2015/11/27 Javascript
一道JS前端闭包面试题解析
2015/12/25 Javascript
Node.js 应用跑得更快 10 个技巧
2016/04/03 Javascript
跨域请求的完美解决方法(JSONP, CORS)
2016/06/12 Javascript
使用Bootstrap美化按钮实例代码(demo)
2017/02/03 Javascript
vue2 自定义动态组件所遇到的问题
2017/06/08 Javascript
js事件委托和事件代理案例分享
2017/07/25 Javascript
详解vue 实例方法和数据
2017/10/23 Javascript
javascript自定义事件功能与用法实例分析
2017/11/08 Javascript
详解在React中跨组件分发状态的三种方法
2018/08/09 Javascript
基于Vue+ElementUI的省市区地址选择通用组件
2019/11/20 Javascript
Vue的状态管理vuex使用方法详解
2020/02/05 Javascript
vue使用exif获取图片旋转,压缩的示例代码
2020/12/11 Vue.js
介绍Python的@property装饰器的用法
2015/04/28 Python
python通过加号运算符操作列表的方法
2015/07/28 Python
Python原始字符串与Unicode字符串操作符用法实例分析
2017/07/22 Python
Python发送邮件功能示例【使用QQ邮箱】
2018/12/04 Python
PyQt5的PyQtGraph实践系列3之实时数据更新绘制图形
2019/05/13 Python
Python将主机名转换为IP地址的方法
2019/08/14 Python
Python数据分析模块pandas用法详解
2019/09/04 Python
Django+Celery实现动态配置定时任务的方法示例
2020/05/26 Python
女士时装鞋:Chinese Laundry
2018/08/29 全球购物
优纳科技软件测试面试题
2012/05/15 面试题
国际政治个人自荐信范文
2013/11/26 职场文书
小学新学期寄语
2014/04/02 职场文书
广告宣传策划方案
2014/05/21 职场文书
美食节目策划方案
2014/05/31 职场文书
党的群众路线教育实践活动对照检查材料(个人)
2014/09/24 职场文书
MATLAB 如何求取离散点的曲率最大值
2021/04/16 Python
CSS3鼠标悬浮过渡缩放效果
2021/04/17 HTML / CSS
JavaScript中reduce()的用法
2022/05/11 Javascript
python实现学生信息管理系统(面向对象)
2022/06/05 Python