向下滚动，然后修复导航故障

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;

那应该工作。 这是工作中的小提琴。

希望这会有所帮助。