完美解决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

posted @ 2019-02-11 13:00  Santiego  阅读(5410)  评论(0)  编辑  收藏  举报