锚链接跳转+滚动效果

这篇博客介绍了如何利用JavaScript和HTML实现锚链接跳转并伴随滚动效果。通过将特定ID标记的按钮与a标签结合,点击按钮时能够平滑地跳转到页面上的目标位置。关键在于正确设置目标ID和运用JavaScript进行处理。
//-----(锚链接下面为效果js)-
$('#j-jump-to-save-btn').click(function(){
   
   
    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
            }, 500);
        return false;
});

上面是需要添加到页面的js(添加此段js时候默认已经加载了jquery)

$('#j-jump-to-save-btn').xxxx

这个ID标记的是我们需要点击的按钮(触发跳转到目标处的开关)

<a<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值