我们有时候在页面布局中会用到锚点定位，比如本站博客底部就应用到了锚点，当你点击底部的TOP时，页面会直接跳到页面顶部。然后在wordpress评论框上也用到了锚点，当你点击评论锚点时，马上把你带到评论框处。
它的应用方法就是在要到达的地方加上锚点代码：<a name=”top”></a>，在转向到达的地方加上控制代码<a href=”top”>返回首页</a>。
　　但是这种转向有些僵硬，一般来说就叫快速回到页面顶部或者其它地方，而这里要给大家介绍的锚点滑动效果代码就很好的处理了这个问题，你还可以设置滑动速度。
　　锚点滑动效果代码由dezinerfolio提供。
使用方法：

  1. 在后台模板设置中的head代码块中加入下面代码：<script type=”text/javascript” src=“http://xxxx.com/smooth.pack.js”></script>
  2. 在index代码块中的<body>后面，加上<a name=”top”></a>
  3. 在footer代码块中你想要转向的地方，加上<a href=”#top”>返回顶部</a>保存设置，然后就可以看效果了。当然你还可以设置回到底部。

演示地址
[Download]9[/Download]下载地址

本文链接：锚点滑动效果代码

转载声明：本站文章若无特别说明，皆为原创，转载请注明来源：SHAMAS，谢谢！^^


相关文章