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

2024-03-30 04:07•css•阅读 5017

利用锚点改变事件\(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.

上一篇 »css常用代码块
下一篇 »滚动监听： bootstrap 的scrollspy