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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM