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 相关文章推荐
一个判断email合法性的函数[非正则]
Dec 09 Javascript
浅析jQuery对select操作小结(遍历option,操作option)
Jul 04 Javascript
java、javascript实现附件下载示例
Aug 14 Javascript
xcode中获取js文件的路径方法(推荐)
Nov 05 Javascript
ES6中Math对象的部分扩展
Feb 20 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
Feb 27 Javascript
vue.js组件之间传递数据的方法
Jul 10 Javascript
基于Vue实现页面切换左右滑动效果
Jun 29 Javascript
vue axios 在页面切换时中断请求方法 ajax
Mar 05 Javascript
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
Element Input组件分析小结
Oct 11 Javascript
React forwardRef的使用方法及注意点
Jun 13 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 xml-rpc远程调用
2008/12/19 PHP
用php简单实现加减乘除计算器
2014/01/06 PHP
jquery 指南/入门基础
2007/11/30 Javascript
JS中处理与当前时间间隔的函数代码
2012/05/23 Javascript
妙用Jquery的val()方法
2012/06/27 Javascript
jQuery下实现等待指定元素加载完毕(可改成纯js版)
2013/07/11 Javascript
详解jQuery中的元素的属性和相关操作
2015/08/14 Javascript
浅谈javascript函数式编程
2015/09/06 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
2016/04/05 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
2016/05/28 Javascript
JSONP跨域请求
2017/03/02 Javascript
JS 设置Cookie 有效期 检测cookie
2017/06/15 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
vue中v-for加载本地静态图片方法
2018/03/03 Javascript
基于Angular中ng-controller父子级嵌套的相关属性详解
2018/10/08 Javascript
jQuery点击页面其他部分隐藏下拉菜单功能
2018/11/27 jQuery
你不可不知的Vue.js列表渲染详解
2019/10/01 Javascript
JS window对象简单操作完整示例
2020/01/14 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
2020/03/05 Javascript
如何基于filter实现网站整体变灰功能
2020/04/17 Javascript
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
Jquery高级应用Deferred对象原理及使用实例
2020/05/28 jQuery
Vue微信公众号网页分享的示例代码
2020/05/28 Javascript
[38:32]完美世界DOTA2联赛循环赛 Forest vs DM 第二场 11.06
2020/11/06 DOTA
分析Python中解析构建数据知识
2018/01/20 Python
Win10下python3.5和python2.7环境变量配置教程
2018/09/18 Python
Python制作动态字符图的实例
2019/01/27 Python
工程管理专业个人求职信范文
2013/12/07 职场文书
教师个人鉴定材料
2014/02/08 职场文书
2014年中班元旦活动方案
2014/02/14 职场文书
运动会广播稿诗歌版
2014/09/12 职场文书
公司感恩节活动策划书
2014/10/11 职场文书
MySQL表的增删改查(基础)
2021/04/05 MySQL
Python基础之常用库常用方法整理
2021/04/30 Python
Django操作cookie的实现
2021/05/26 Python
交互式可视化js库gojs使用介绍及技巧
2022/02/18 Javascript