jquery 锚点链接平滑滚动效果示例

发布时间:2020-09-07编辑:脚本学堂
jquery实现锚点链接间的平滑滚动效果,借助jquery animate方法实现的平滑滚动特效,需要的朋友参考下。

例子,锚链接间的平滑滚动方法
 

复制代码 代码示例:
$('a[href*=#]').click(function(){
if(location.pathname.replace(/^//,'')==this.pathname.replace(/^//,'')&&location.hostname==this.hostname){
var$target=$(this.hash);
$target=$target.length&&$target||$('[name='+this.hash.slice(1)+']');
if($target.length){
   var targetOffset=$target.offset().top;
   $('html,body').animate({
   scrollTop:targetOffset
},
500);
returnfalse;
}
}
});

您可能感兴趣的文章: