Javascript 向下滚动时导航栏中的转换

向下滚动时，导航栏的颜色将发生变化。颜色在变。但没有过渡效应。如何对此进行转换。这是我的密码

$(window).scroll(function() {
if($(this).scrollTop() > 0)
{
    $('.navbar-trans').addClass('afterscroll');
} else
{
    $('.navbar-trans').removeClass('afterscroll');
}  

}))

这是我的脚本代码。我的css是

.navbar.navbar-trans.afterscroll { background-color:#1ba4df; }

---

如何给这个动画

只需在css文件中添加此规则即可。它将对您起作用，因为这里的

transition

属性设置为所有更改

.navbar-trans {transition: all 0.3s ease; /* other css rules here */}

---

阅读有关转换属性的更多信息。。。试试这个家伙

.navbar.navbar-trans.afterscroll{
背景色：#1ba4df；
过渡：0.3s全线性；
}

Welcome Melbin。。！很高兴这有帮助。：）