在进行域名设计的时候，会用到一个功能，点击导航栏的锚链接时需要页面跳转到该导航对应的内容，直接锚链接跳转的话比较生硬，不利于用户体验，这里模板社小编给大家介绍一种使用jq控制锚链接缓慢平滑跳转到对应链接地址的方法：

当点击<a href='#aabb' class="on"></a>时跳转到<a name='aadd' id='aabb'></a><<<<----------------文章正文---------->>>>>

可以这样写：

1. //首先引入jquery：
2. <scrilit src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/JavaScript"></script>
3. //js控制
4. <script type="text/javascript">
5. $(".on").click(function(){
6. var href = $(this).attr("href");
7. var pos = $(href).offset().top;
8. $("html,body").animate({scrollTop: pos}, 1000);
9. return false;
10. });
11. </script>