Question

当div为 display：none 时，可以将jQuery addClass 与动画结合起来吗？

的jQuery

 $(window).scroll(function() {
        $(this).scrollTop() > 100 ? $(".nav-current").addClass("hide") : $(".nav-current").removeClass("hide");
        $(this).scrollTop() > 100 ? $(".nav-affix").addClass("show") : $(".nav-affix").removeClass("show");
        $(this).scrollTop() > 50 ? $(".navbar").addClass("go-top navbar-fixed-top") : $(".navbar").removeClass("go-top navbar-fixed-top");
    });

CSS

.show {
    display: block;
}

.hide {
    display: none;
}

.nav-affix {
    display: none;
    > li {
        > a {
            font-size: 12px !important;
            transition: all 0.3s;
        }
    }
 }

Answer 1

同意 fauxserious - 您可以使用fadeIn和fadeOut jQuery函数来实现您的目标。

还有一个选项正在使用width(1000)和height(1000)，其中参数（1000）是以毫秒为单位的持续时间，因此您可以获得一些动画。

如果您仍有问题，请与我们联系。

当div显示none时，jQuery addClass removeClass动画

1 个答案: