html锚点target,锚点跳转滑动效果(示例代码)

简介这篇文章主要介绍了锚点跳转滑动效果(示例代码)以及相关的经验技巧,文章约651字,浏览量203,点赞数3,值得参考!

$(‘a[href*="#"],area[href*="#"]‘).click(function() {

console.log(1);

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

},

1000);

return false;

}

}

});

//且网页没有后缀


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部