使用JS实现页面内跳转的两种方式
浏览数：35 /
时间：2015年06月09日
第一种方式是直接使用锚点配合链接标签：
<h2 id="h2-anchor">Scroll to here</h2> <a href="#h2-anchor">Jump to H2</a>
现在大多数实现都采用该种方式。但是这种方式没有动画效果，跳转是直接发生的。
第二种方式使用jQuery中的animate方法实现：
var target= $('#h2-anchor').offset().top;
$('body').animate({scrollTop:target}, 300);这种方式跳转的过程更自然。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
