a标签定位锚点偏移

在页面中使用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标签定位锚点偏移)