当 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;
}
}
}
最佳答案
同意 fauxserious - 您可以使用 fadeIn 和 fadeOut jQuery 函数来实现您的目标。
另一个选择是使用width(1000)
和height(1000)
其中参数 (1000) 是以毫秒为单位的持续时间,因此你可以获得一些动画。
如果您还有问题,请告诉我。
关于javascript - jQuery addClass removeClass 动画当 div 不显示时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33723717/