Javascript 一页上有两个导航固定导航条

我想有两个固定导航栏，一个在顶部，另一个在页面的某个中心。当滚动至第二导航时，第一导航应隐藏（或成为相对导航）& 第二，应该成为固定的酒吧。当我们向上移动时，第二个导航现在变为相对（而不是隐藏），第一个导航将再次开始显示

#nav01
{
高度：100px；
背景：红色；
宽度：100%；
位置：固定；
排名：0；
}
#nav02
{
高度：100px；
背景：蓝色；
宽度：100%；
}
.内容
{
高度：2000px；
背景：#ccc；
宽度：100%；
}

---

我看过很多jquery插件，但没有发现它们有用-我不擅长编写脚本，因此需要您的帮助，请提前感谢。

您必须添加以下代码

$(document).ready(function(){
    $(window).scroll(function() {
        if($(window).scrollTop()>2000){
            $("#nav02").css("position", "fixed");
            $("#nav02").css("top", 0);
            $("#nav01").hide();
        } else {
            $("#nav02").css("position", "relative");
            $("#nav01").show();
        }
    });
});

---

查看此提琴

如果滚动（即2000px）未知，如何进行？您可以使用.height测量内容的高度

$(document).ready(function(){
    $(window).scroll(function() {
        if($(window).scrollTop()>2000){
            $("#nav02").css("position", "fixed");
            $("#nav02").css("top", 0);
            $("#nav01").hide();
        } else {
            $("#nav02").css("position", "relative");
            $("#nav01").show();
        }
    });
});