Question

我在页面中心的顶部另外创建了两个导航。代码工作正常，但我想添加一些动画效果，而导航切换我尝试添加slideDown/Up，但他们并没有像我想要的那样使它们具有很大的交互性。请帮我如何添加动画效果？

$(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();
        }
    });
});

Answer 1

你可以使用这个可能会起作用。

$(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();
            }
        });
    });

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

1 个答案: