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实现的产品自动360度旋转展示特效源码分享
Aug 21 Javascript
javascript省市级联功能实现方法实例详解
Oct 20 Javascript
实例解析JS布尔对象的toString()方法和valueOf()方法
Oct 25 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
js事件驱动机制 浏览器兼容处理方法
Jul 23 Javascript
使用jQuery调用XML实现无刷新即时聊天
Aug 07 Javascript
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
Jan 06 Javascript
Angular2里获取(input file)上传文件的内容的方法
Sep 05 Javascript
vue环境搭建简单教程
Nov 07 Javascript
ios中视频的最后一桢问题解决
May 14 Javascript
微信小程序防止多次点击跳转(函数节流)
Sep 19 Javascript
js实现提交前对列表数据的增删改查
Jan 16 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
dedecms中使用php语句指南
2014/11/13 PHP
php异步:在php中使用fsockopen curl实现类似异步处理的功能方法
2016/12/10 PHP
JavaScript While 循环基础教程
2007/04/05 Javascript
doctype后如何获得body.clientHeight的方法
2007/07/11 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
2014/12/08 Javascript
Jquery 实现图片轮换
2015/01/28 Javascript
jQuery处理XML文件的几种方法
2016/06/14 Javascript
JScript实现表格的简单操作
2017/08/15 Javascript
jQuery实现html双向绑定功能示例
2017/10/09 jQuery
浅谈Vue2.0父子组件间事件派发机制
2018/01/08 Javascript
详解创建自定义的Angular Schematics
2018/06/06 Javascript
基于vue和react的spa进行按需加载的实现方法
2018/09/29 Javascript
浅谈Javascript常用正则表达式应用
2019/03/08 Javascript
JS实现打字游戏
2019/12/17 Javascript
JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】
2020/02/24 Javascript
Python连接DB2数据库
2016/08/27 Python
Collatz 序列、逗号代码、字符图网格实例
2017/06/22 Python
Python设计实现的计算器功能完整实例
2017/08/18 Python
在Pycharm中对代码进行注释和缩进的方法详解
2019/01/20 Python
对Django 中request.get和request.post的区别详解
2019/08/12 Python
Python变量、数据类型、数据类型转换相关函数用法实例详解
2020/01/09 Python
Python random模块制作简易的四位数验证码
2020/02/01 Python
Python爬取365好书中小说代码实例
2020/02/28 Python
Python3如何在服务器打印资产信息
2020/08/27 Python
appium+python自动化配置(adk、jdk、node.js)
2020/11/17 Python
澳大利亚手表品牌:Time IV Change
2018/10/06 全球购物
澳大利亚设计师服装在线:MISHA
2019/10/07 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?
2014/07/27 面试题
营销与策划应届生求职信
2013/11/04 职场文书
歌颂祖国的演讲稿
2014/05/04 职场文书
开展党的群众路线教育实践活动个人对照检查材料
2014/11/05 职场文书
2015年元旦标语大全
2014/12/09 职场文书
中学生逃课检讨书
2015/02/17 职场文书
部队个人年终总结
2015/03/02 职场文书
pd.DataFrame中的几种索引变换的实现
2022/06/16 Python
Go微服务项目配置文件的定义和读取示例详解
2022/06/21 Golang