Переход в Навбар при прокрутке вниз

Question

Переход в Навбар при прокрутке вниз

1

Когда я прокручу вниз, мой цвет навигатора изменится. Цвет меняется. Но никаких эффектов перехода нет. Как дать переход для этого. Вот мой код.

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

});

Это мой код сценария. и мой css,

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

Как дать анимацию этому.

Melbin Mathai 01 авг. 2017, в 12:58

Источник

Теги:

javascript

html5

css3

2 ответа

1

Thats it... Попробуйте этого чувака....

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

Abijith Ajayan 01 авг. 2017, в 07:56

Ещё вопросы

Rohit Sharma · Accepted Answer · 2017-08-01T07-15-00.000Z

Просто добавьте это правило в свой файл css. Он будет работать для вас, потому что здесь свойство transition установлено на все изменения...

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

Подробнее о свойствах перехода здесь...

Благодарю. Это работает для меня ....
Добро пожаловать, Мельбин! Рад, что это помогло. :)