让#书签定位实现滚动效果

标签:JavaScript

今天浏览这个网页时,突然发现点击其中的书签居然有滚动效果,而且地址栏不会出现#字符:
http://elements.projectdesigns.org/overview.html

研究了一下,其实只要在head标签加上这段代码即可
<script type="text/javascript" src="http://elements.projectdesigns.org/js/smooth.pack.js"></script>
不过只能在a标签上使用,你可以用这种方式来加个不显示的链接来定位:
<a href="#" name="top"></a>
最后在找到了发布地址,看源码后发现是自定义了一个滚动器(Scroller),然后用attachEvent注册该滚动器。

0条评论 你不来一发么↓

    想说点什么呢?