javascript 回到顶部效果的实现代码
更新时间：2014年02月17日 09:02:21 作者：
本篇文章主要是对javascript 回到顶部效果的实现代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
复制代码 代码如下:
//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);
}
}
相关文章
这篇文章主要介绍了微信JS接口汇总及使用详解，十分的全面、详尽，包含分享到朋友圈，分享给朋友，分享到QQ，拍照或从手机相册中选图，识别音频并返回识别结果，使用微信内置地图查看位置等接口，有需要的小伙伴参考下吧2015-01-01
这篇文章主要为大家详细介绍了如何通过bootstrap学习less,LESS CSS是一种动态样式语言，属于CSS预处理语言的一种，感兴趣的朋友可以参考下2016-11-11
本篇文章主要介绍了JavaScript的冒泡排序，对其进行示例解析，具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
篇文章主要为大家详细介绍了JavaScript 异步ajax，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下吗，希望能够给你带来帮助2022-03-03
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
得益于API,我们可以用JavaScript编写Chrome扩展实现与浏览器的交互及时间通知。值得一提的是现在Chrome拥有后台进程可以使通知在前台浏览器关闭的情况下依然能够生效.2016-05-05
javascript表单处理具体实现代码(表单、链接、按钮)
这篇文章主要介绍了javascript表单处理具体实现代码，包括各种表单、链接、按钮控件介绍，感兴趣的朋友可以参考一下2016-05-05
最近看了一本书，发现了个计算代码执行时间的方法，感觉还挺有用的，所以这篇文章主要给大家介绍了关于Javascript利用console计算代码运行时间的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下。2017-09-09
在本篇文章里我们给大家分享了关于JS实现十分钟倒计时的相关实例代码，有需要的朋友们可以学习下。2018-10-10
这篇文章主要介绍了Javascript数组的splice方法详细介绍，splice方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组2022-09-09
本篇文章主要是对JS中的构造函数进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
最新评论