点选TOP后并不是直接跳到页顶的，而是滚动上去的

更新时间：2007年02月23日 00:00:00 作者：

如果网页太长了，一般都使用锚标签快速返回到TOP
<a href="#header" title="back to top">top</a> 确实很简单，不过却有一些高手让这个简变成不简单：

国外演示地址：http://tonyyoo.com/v2/

点选TOP后并不是直接跳到页顶的，而是滚动上去的。。而且距离页顶越长滚动的速度也就越快。。。

研究了下，用到的JS有4个：
<script type="text/javascript" src="scripts/prototype.lite.js"></script>
<script type="text/javascript" src="scripts/moo.fx.js"></script>
<script type="text/javascript" src="scripts/moo.fx.pack.js"></script>
<script type="text/javascript" src="scripts/pageScroll.js"></script>

看起来都好复杂。。不知道有没有可以精简点的代码可以实现同样的效果呢，我是做不来的了。。
在页面onload之后，遍历所有超链接，判断href中是否有#header，有的话触发scrollTo即可。。。

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

JS实现的论坛Ajax打分效果完整实例
这篇文章主要介绍了JS实现的论坛Ajax打分效果,以完整实例形式分析了JavaScript响应鼠标事件动态操作页面元素样式的相关技巧,需要的朋友可以参考下
2015-10-10
JS判断iframe是否加载完成的方法
这篇文章主要介绍了JS判断iframe是否加载完成的方法,提供了2种实现方法,可分别针对IE内核与非IE内核浏览器进行判断与操作,涉及javascript事件操作与判定技巧,需要的朋友可以参考下
2016-08-08
BootStrap入门教程(三)之响应式原理
这篇文章主要介绍了BootStrap入门教程(三)之响应式原理的相关资料，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧
2016-09-09
如何实现从照片中裁切自已的肖像呢？
如何实现从照片中裁切自已的肖像呢？...
2007-03-03
前端实现视频文件动画帧图片提取完整教程
相信很多小伙伴在一些短视频平台上传视频的时候,系统会自动帮我们生成一些视频中的画面帧的图片,让我们作为视频封面的功能,那么这些短视频平台是如何从视频中抽取关键帧来作为封面,今天博主就带着大家一起来探讨这个问题,感兴趣的小伙伴跟着小编一起来看看吧
2025-04-04
js插件方式打开pdf文件(浏览器pdf插件分享)
需求：JSP网页中要显示pdf文件,下面给出二种方案，JS插件那种不错啊
2013-12-12
javascript的var与let,const之间的区别详解
这篇文章主要为大家介绍了 javascript的var与let,const之间的区别，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2021-12-12
JS定义类的六种方式详解
下面小编就为大家带来一篇JS定义类的六种方式详解。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧，祝大家游戏愉快哦
2016-05-05
两种常用的javascript数组去重方法思路及代码
第一种是常规的方法:建一个新的数组存放结果,for循环中每次从原数组中取出一个元素，用indexOf查找新数组中是否有该元素，至于第二种详细的看下本文哦
2013-03-03
JS使用onerror捕获异常示例
这篇文章主要介绍了JS使用onerror捕获异常的方法,结合实例形式分析了javascript基于onerror事件处理器捕获异常的具体流程与相关操作技巧,需要的朋友可以参考下
2016-08-08

点选TOP后并不是直接跳到页顶的，而是滚动上去的

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具