美文网首页
a标签定位锚点偏移

a标签定位锚点偏移

作者: jing_bao | 来源:发表于2019-12-25 17:13 被阅读0次

    在页面中使用margin-top,padding-top时,使用a标签的href定位页面锚点,会出现向上偏移的情况。
    页面加载时,可以定位到相应位置,点击锚点不生效
    css:

    a:target{
      padding-top:65px;
    }
    

    使用js处理方法
    其中.navs为a标签父元素的class

    $('.navs>a').click(function () {
        var target = $(this).attr('href');
        console.log(target);
        $('html, body').animate({
           scrollTop: $(target).offset().top - 65 //65为设置的偏移值
         }, 500);
         return false;
    });
    

    相关文章

      网友评论

          本文标题:a标签定位锚点偏移

          本文链接:https://www.haomeiwen.com/subject/amicoctx.html