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 相关文章推荐
url 编码 js url传参中文乱码解决方案
Apr 11 Javascript
js限制文本框输入长度两种限制方式(长度、字节数)
Dec 19 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
Jan 18 Javascript
js实现滑动触屏事件监听的方法
May 05 Javascript
浅谈jQuery中的checkbox问题
Aug 10 Javascript
javascript 中的事件委托详解
Oct 25 Javascript
详解JS中的快速排序与冒泡
Jan 10 Javascript
js实现用户输入的小写字母自动转大写字母的方法
Jan 21 Javascript
详解Angular调试技巧之报错404(not found)
Jan 31 Javascript
写gulp遇到的ES6问题详解
Dec 03 Javascript
微信小程序 云开发模糊查询实现解析
Sep 02 Javascript
JS实现选项卡插件的两种写法(jQuery和class)
Dec 30 jQuery
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 生成签名及验证签名详解
2016/10/26 PHP
js计数器代码
2006/11/04 Javascript
Javascript 检测、添加、移除样式(className)函数代码
2009/09/08 Javascript
Javascript 中介者模式实例
2009/12/16 Javascript
javascript 图片上一张下一张链接效果代码
2010/03/12 Javascript
jQuery getJSON 处理json数据的代码
2010/07/26 Javascript
关于window.pageYOffset和document.documentElement.scrollTop
2011/04/05 Javascript
使用Jquery Aajx访问WCF服务(GET、POST、PUT、DELETE)
2012/03/16 Javascript
JS控件的生命周期介绍
2012/10/22 Javascript
jquery解析xml字符串简单示例
2014/04/11 Javascript
jQuery的事件委托实例分析
2015/07/15 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
2015/10/27 Javascript
浅析Bootstrap验证控件的使用
2016/06/23 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
2017/02/14 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
2017/02/19 Javascript
使用vue2实现购物车和地址选配功能
2018/03/29 Javascript
javascript定时器的简单应用示例【控制方块移动】
2019/06/17 Javascript
微信小程序监听用户登录事件的实现方法
2019/11/11 Javascript
js get和post请求实现代码解析
2020/02/06 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
python读取txt文件并取其某一列数据的示例
2019/02/19 Python
python调用并链接MATLAB脚本详解
2019/07/05 Python
解决jupyter notebook 出现In[*]的问题
2020/04/13 Python
python代码区分大小写吗
2020/06/17 Python
Django多个app urls配置代码实例
2020/11/26 Python
通用的Django注册功能模块实现方法
2021/02/05 Python
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
奥地利度假券的专家:we-are.travel
2019/04/10 全球购物
Hello Molly美国:女性时尚在线
2019/08/26 全球购物
Linux如何为某个操作添加别名
2015/02/05 面试题
11月红领巾广播稿
2014/01/17 职场文书
个人近期表现材料
2014/02/11 职场文书
警校毕业生自我评价
2014/04/06 职场文书
宣传活动总结范文
2014/07/01 职场文书
2019年最新借条范本!
2019/07/08 职场文书