在页面中使用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;
});