向下滚动时在Navbar中转换

Question

向下滚动时，我的导航栏颜色会发生变化。颜色在变化。但是没有过渡效应。如何为此过渡。这是我的代码..

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

}）;

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

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

如何给这个动画。

Answer 1

只需在css文件中添加此规则即可。它适用于您，因为此处transition属性设置为所有更改...

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

详细了解过渡属性here...

Answer 2

多数民众赞成......试试这个家伙......

＆＃13;

＆＃13;

.navbar.navbar-trans.afterscroll { 
background-color:#1ba4df; 
Transition:0.3s all linear;
}

＆＃13;

＆＃13;

＆＃13;