作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 03:43:09 阅读 我要评论

如果网页太长了,一般都使用锚标签快速返回到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即可。。。 runcode go to 头 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  推荐阅读

  用YUI做了个标签浏览效果

在这里先要感谢yahoo的工程师们无私的将他们的成果奉献出来——yui(yahoo! ui)其实这是它自带的一个例子,我只是熟悉了一下,各种接口调用还是比较方便的浏览:http://www.healdream.com/upload/html/tabview_te>>>详细阅读


本文标题:点选TOP后并不是直接跳到页顶的,而是滚动上去的

地址:http://www.17bianji.com/kaifa2/JS/30917.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)