zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jquery如何实现锚点链接之间的平滑滚动

jQuery链接 实现 如何 之间 滚动 平滑 锚点
2023-06-13 09:15:13 时间
复制代码代码如下:

$("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){
vartargetOffset=$target.offset().top;
$("html,body").animate({
scrollTop:targetOffset
},
500);
returnfalse;
}
}
});