Javascript 如何添加固定导航条切换动画

我已经创建了两个导航，一个在顶部，另一个在页面中心。代码工作正常，但我想在导航切换时添加一些动画效果。我曾尝试添加向下/向上滑动，但它们并没有使它们像我想要的那样交互。请帮助我如何添加动画效果

---

你可以用这个，可能会有用

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

---

你能给我你的网站吗？我加了小提琴，你可以在问题中查一下

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