锚点定位并距离顶部一定偏移
【锚点定位并距离顶部一定偏移】问题:页面中使用锚点定位跳转时,通常使用href="https://www.it610.com/article/#id"来实现,但这种方法会导致url改变,页面刷新时可能会出现问题,而且会直接定位到页面顶部,如果有固定的导航栏,会挡住目标内容
解决方法:使用scrollTop实现锚点定位
HTML:
个人信息
要跳转的div
JS:
function topMao(target){
$('html, body').animate({scrollTop: $(target).offset().top - 130}, 500);
//130为锚点到距顶部的距离,500为执行时间
return false;
}
推荐阅读
- 抱怨并没有任何意义
- 读猫文收获
- 喜剧演员,小丑一样的活着
- 三国谋略22(找准你的定位)
- 如果鸽子会说话(二十三)
- 排序(归并排序)
- 逃避问题并不能让问题消失
- 羁旅.和陆游临安春雨初霁并步原韵(旧体诗)
- 【剽悍晨读感悟】0714并不是要把一天过成48小时的样子
- 用npm发布一个包的教程并编写一个vue的插件发布