TypechoJoeTheme

A bit of life

登录
用户名
密码

获取a的href的锚点连接target,优雅的跳转

2021-06-02
/
0 评论
/
383 阅读
/
正在检测是否收录...
06/02

获取a的href的锚点连接target,通过
targetOffset=$(target).offset().top; 获取该锚点到浏览器顶部的距离,然后给body添加动画
$('html,body').animate({

    scrollTop: targetOffset
},
1000);

全部代码

    /锚点动效/
    $('a[href=#],area[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 - parseInt(30);
             console.log(targetOffset);
             $('html,body').animate({
                   scrollTop: targetOffset
                },
                1000);
             return false;
          }
       }
    });
朗读
赞(1)
版权属于:

A bit of life

本文链接:

http://gxtvb.cn/archives/18/(转载时请注明本文出处及文章链接)

评论 (0)