如何阻止导航在某个点被固定？

Question

我有一个固定的导航和一个额外的类称为“固定”，当你滚动向下激活。

CSS：

.fixed {
  position:fixed;
  top:0;
}

JQuery：

$(window).scroll(function() {
    if ($(window).scrollTop() > 0) {
        $(".mod_customnav").addClass('fixed');
    }
});

我希望它不再被固定在某个点，这样你可以在没有导航菜单的情况下进一步向下滚动，但它也应该保持在原地(它停止的地方)。

我试着这样做：

CSS：

.unfixed {
  position:relative;
}

JQuery：

$(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() >= $(document).height() - 50) {
        $(".mod_customnav").removeClass('fixed');
        $(".mod_customnav").addClass('unfixed');
    }
});

当我这么做的时候

1. 不呆在原地
2. 阻止你进一步滚动

如有任何帮助或建议，敬请谅解！

JSFiddle:

Answer 1

使用绝对而不是相对(将div相对于其父元素)

.unfixed {
  position:absolute;
}