向下滾動，然后修復導航故障

Question

這種小故障困擾着我。 問題是我的導航無法正常運行。 即使我還沒有到達導航欄的頂部，也沒有通過scrollTop值傳遞標題的高度后，它會跳轉。 我在jsfiddle中重新創建了問題。

var header_height = $('header').height();
//var main_nav = $('nav');
$(document).scroll(function () {
    if ($(this).scrollTop() >= header_height) {
        $('nav').addClass("fixed");
    } else {
        $('nav').removeClass("fixed");
    }
});

Answer 1

而不是使用標頭的高度，您應該使用.main_nav的頂部與ScrollTop進行比較。
將上面發布的代碼中的第一行更改為：

var header_height = $('.main_nav').position().top;

那應該工作。 這是工作中的小提琴。

希望這會有所幫助。