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 处理表单元素的代码
Feb 15 Javascript
JS获取图片实际宽高及根据图片大小进行自适应
Aug 11 Javascript
JavaScript中this详解
Sep 01 Javascript
JavaScript实现倒计时代码段Item1(非常实用)
Nov 03 Javascript
初步使用bootstrap快速创建页面
Mar 03 Javascript
全国省市二级联动下拉菜单 js版
May 10 Javascript
JavaScript表单验证实现代码
May 22 Javascript
angularjs $http实现form表单提交示例
Jun 09 Javascript
vue组件父子间通信详解(三)
Nov 07 Javascript
原生JS实现手动轮播图效果实例代码
Nov 22 Javascript
微信小程序 textarea 层级过高问题简单解决方案
Oct 14 Javascript
JavaScript 如何在浏览器中使用摄像头
Dec 02 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新手上路(二)
2006/10/09 PHP
基于php中使用excel的简单介绍
2013/08/02 PHP
php 中的closure用法详解
2017/06/12 PHP
php对象工厂类完整示例
2018/08/09 PHP
PHP的图像处理实例小结【文字水印、图片水印、压缩图像等】
2019/12/20 PHP
JS去除字符串的空格增强版(可以去除中间的空格)
2009/08/26 Javascript
js转义字符介绍
2013/11/05 Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
2014/10/16 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
2015/10/20 Javascript
JavaScript实现页面定时刷新(定时器,meta)
2016/10/12 Javascript
jquery css实现邮箱自动补全
2016/11/14 Javascript
使用jquery datatable和bootsrap创建表格实例代码
2017/03/17 Javascript
如何编写jquery插件
2017/03/29 jQuery
JavaScrip数组删除特定元素的几种方法总结
2017/09/06 Javascript
JS+CSS3实现的简易钟表效果示例
2019/04/13 Javascript
vue百度地图 + 定位的详解
2019/05/13 Javascript
使用node.JS中的url模块解析URL信息
2020/02/06 Javascript
javascript利用键盘控制小方块的移动
2020/04/20 Javascript
关于vue 项目中浏览器跨域的配置问题
2020/11/10 Javascript
[30:51]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第一局
2016/03/04 DOTA
python中文编码问题小结
2014/09/28 Python
Python压缩和解压缩zip文件
2015/02/14 Python
FFrpc python客户端lib使用解析
2019/08/24 Python
python如何把字符串类型list转换成list
2020/02/18 Python
Python tcp传输代码实例解析
2020/03/18 Python
Python OpenCV读取中文路径图像的方法
2020/07/02 Python
美国百货齐全的精品网站,提供美式风格的产品:Overstock.com
2016/07/22 全球购物
美国定制钻石订婚戒指:Ritani
2017/12/08 全球购物
PUMA澳大利亚官方网站:德国运动品牌
2018/10/19 全球购物
JNI的定义
2012/11/25 面试题
金额转换,阿拉伯数字的金额转换成中国传统的形式如:(¥1011)-> (一千零一拾一元整)输出
2015/05/29 面试题
司机检讨书
2014/02/13 职场文书
学雷锋献爱心倡议书
2015/04/27 职场文书
六一活动主持词
2015/06/30 职场文书
化验室安全管理制度
2015/08/06 职场文书
2016教师校本培训心得体会
2016/01/08 职场文书