锚点平滑跳转

来源:互联网 发布:企业微信管理系统源码 编辑:程序博客网 时间:2024/05/17 23:22

HTML代码:

<a href="#abc">click</a><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><b id="abc">链接的特殊性在于能够根据它们所处的状态来设置它们的样式。</b>

JavaScript代码:

<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script><script>$(function(){$('a').click(function(){$('html, body').animate({scrollTop: $( $.attr(this,'href')).offset().top},1000);return false;});});</script>


                                             
0 0