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);
}
}
相关文章
在本篇文章中我们给大家通过实例讲解一下关于JavaScript页面加载事件的相关知识点内容，有需要的朋友们可以参考下。2019-09-09
在学习ES6的过程中我碰到了几个特性，它们让我惊讶，其中大部分是关于 ES6 的特性但也有一部分是 ES3 特性，这些特性我以前从未用过，而现在我将开始使用它们，感兴趣的小伙伴可以跟着小编一起来学习2023-05-05
模块系统是什么？简单来说，其实就是我们在一个文件里写代码，声明一些可以导出的字段，然后另一个文件可以将其导入并使用。今天我们来聊聊 JavaScript 的模块系统，感兴趣的可以了解一下2022-11-11
在数据可视化大屏中,滚动表格是一种常见的需求,本文介绍了如何利用scrollTop属性和定时器来制作滚动效果,不依赖于任何插件,可以实现自定义的滚动表格,文中通过代码介绍是非常详细,需要的朋友可以参考下2024-09-09
说到 javascript 中的定时器，我们肯定会想到 setTimeout() 和 setInterval() 这两个函数。本文将从 事件循环（Event Loop） 的角度来分析两者的工作原理和区别2016-12-12
js中的原型与原型链应该是老生常谈的话题了，在前端面试中基本都是必问的一个问题，但是很多人还是稀里糊涂的，只知道其表层含义。本文将带大家深入了解JavaScript中的原型与原型链，感兴趣的可以学习一下2022-10-10
这篇文章主要给大家介绍了关于JavaScript高阶教程之“==”隐藏下类型转换的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-04-04
这篇文章主要为大家介绍了JavaScript的垃圾回收机制，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
JavaScript通过this变量快速找出用户选中radio按钮的方法
这篇文章主要介绍了JavaScript通过this变量快速找出用户选中radio按钮的方法,涉及javascript中this变量的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
这篇文章主要为大家详细介绍了JS实现轮播图案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
最新评论