私人资料库
本博客大部分技术文章,均从网络搜索得来,旨在收集整理技术资料,文章版权归属原作者,由此引起的任何版权问题,与本人无关。

【转自】http://blog.163.com/frankeyi@188/blog/static/337279842007421113838848/

 

摘要: 锚点(Anchor)相信很多人都不陌生,它方便访问者在页面的不同位置快速跳转,直接找到自己感兴趣的内容,如果说 RSS 是整个网站的摘要,那锚点就是一个页面的摘要,通常一个页面内容很多的时候,都会用锚点来定位。


但是锚点也有个问题,通常点击锚点后,页面会立即跳到目标位置,而本文介绍的方法,实现了锚点(Anchor)间平滑跳转,效果非常不错。

Javascript:

Javascript

 

 调用方式:

Code:


scroller(el, duration)

el : 目标锚点 ID
duration : 持续时间,以毫秒为单位,越小越快

 

HTML:

HTML

 

----------------------------------------------------------------

 

对于定位到一个锚点,最常见的方法就是在url后面加上“#和锚点的name值”,
下面先介绍一种如何采用Javascript定位锚点的方法:
window.location.hash="anchorname"
比如一个锚点:<a name="anchor1"></a>
那么采用window.location.hash="anchor1"就可以定位到锚点处。 

posted on 2008-08-20 16:18  该显示名称已被其他用户使用  阅读(395)  评论(0)    收藏  举报