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

ttx9n · 发表于 2007-2-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需刷新才能执行]

u7yxn9 · 发表于 2022-8-10 01:02:21

激动人心，无法言表！

9jduu05 · 发表于 2022-8-22 12:17:35

还有人在不。。。。。。。。。。啊

z835648964 · 发表于 2023-1-29 20:19:27

哈哈哈哈哈哈

黑白键 · 发表于 2023-3-14 09:38:27

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

0vwrdf6 · 发表于 2023-5-1 21:04:07

还有什么好东西没

回复用户5 · 发表于 2023-7-6 15:18:12

554411515451555

6hruhg · 发表于 2023-8-26 21:22:53

天天源码社区论坛

123456 · 发表于 2024-4-5 15:15:06

还可以不错

zzhxxx · 发表于 2024-5-22 13:53:41

而非为吾问无为谓娃娃

账号		自动登录	找回密码
密码			立即注册

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

相关帖子