完美解决Bootstrap4 导航栏 fixed-top 后,锚点定位时遮挡问题

利用锚点改变事件\(onhashchange\),使用jQuery的\(scrollTop\)向前滚回导航栏的高度(比如我的100个像素)

HTML:

<body onhashchange="fix_the_nav();">
</body>

js:

function fix_the_nav() {
if(window.location.hash){
var target = $(location.hash);
$("body,html").scrollTop(target.offset().top-100); // my nav size is 100px
}
}

Done.

我的Gist

上一篇:【wikioi】1285 宠物收养所


下一篇:P3919 【模板】可持久化数组(可持久化线段树/平衡树)