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 $.each() 使用小探
Aug 23 Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
Nov 19 Javascript
jquery中$(#form :input)与$(#form input)的区别
Aug 18 Javascript
完美兼容多浏览器的js判断图片路径代码汇总
Apr 17 Javascript
讲解JavaScript的Backbone.js框架的MVC结构设计理念
Feb 14 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
Jul 05 Javascript
jQuery实现鼠标滑过图片移动特效
Dec 08 Javascript
使用 jQuery 实现表单验证功能
Jul 05 jQuery
基于Jquery Ajax type的4种类型(详解)
Aug 02 jQuery
jQuery Position方法使用和兼容性
Aug 23 jQuery
vue实现短信验证码输入框
Apr 17 Javascript
element跨分页操作选择详解
Jun 29 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强制下载类型的实现代码
2011/04/21 PHP
查找mysql字段中固定字符串并替换的几个方法
2012/09/23 PHP
ThinkPHP3.1数据CURD操作快速入门
2014/06/19 PHP
php中switch语句用法详解
2015/08/17 PHP
PHP常用文件操作函数和简单实例分析
2016/06/03 PHP
PHP论坛实现积分系统的思路代码详解
2020/06/01 PHP
SUN的《AJAX与J2EE》全文译了
2007/02/23 Javascript
jQuery 插件仿百度搜索框智能提示(带Value值)
2013/01/22 Javascript
js函数获取html中className所在的内容并去除标签
2013/09/08 Javascript
jquery根据锚点offset值实现动画切换
2014/09/11 Javascript
开启Javascript中apply、call、bind的用法之旅模式
2015/10/28 Javascript
JavaScript中的this到底是什么(一)
2015/12/09 Javascript
深入剖析JavaScript中的函数currying柯里化
2016/04/29 Javascript
nodejs读写json文件的简单方法(必看)
2017/03/09 NodeJs
JS关于刷新页面的相关总结
2018/05/09 Javascript
Node.js使用cookie保持登录的方法
2018/05/11 Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
2019/11/11 Javascript
python操作mongodb根据_id查询数据的实现方法
2015/05/20 Python
值得收藏,Python 开发中的高级技巧
2018/11/23 Python
python 多线程重启方法
2019/02/18 Python
基于python图书馆管理系统设计实例详解
2020/08/05 Python
python实现canny边缘检测
2020/09/14 Python
Python list和str互转的实现示例
2020/11/16 Python
解决python3.x安装numpy成功但import出错的问题
2020/11/17 Python
超酷炫 CSS3垂直手风琴菜单
2016/06/28 HTML / CSS
使用JS+CSS3技术:让你的名字动起来
2013/04/27 HTML / CSS
玛蒂尔达简服装:Matilda Jane Clothing
2019/02/13 全球购物
Notino瑞典:购买香水和美容产品
2019/07/26 全球购物
阿里巴巴英国:Alibaba英国
2019/12/11 全球购物
大学生应聘自荐信
2013/10/11 职场文书
实习生的自我鉴定范文欣赏
2013/11/20 职场文书
应届毕业生求职信范文
2014/07/07 职场文书
团员年度个人总结
2015/02/26 职场文书
幼儿园音乐教学反思
2016/02/18 职场文书
话题作文之关于呼唤
2019/11/29 职场文书
解决Golang中ResponseWriter的一个坑
2021/04/27 Golang