Как плавно убрать фиксированное меню при определенной высоте на jquery?

Question

[Senseich]

Всем привет! Сделал меню для лендинга, чтобы при прокрутке на 350px, плавно появлялось меню, с помощью добавления класса с анимацией: spectehnika.product-web.ru

<script>
        $('body').scrollspy({
            target: '.navbar'
        })
        $(window).on("scroll", function() {
            if ($(window).scrollTop() > 350) $('.header').addClass('nav-active');
            else if ($(window).scrollTop() < 350) $('.header').removeClass('nav-active');
        });
    </script>

А вот как обратное действие сделать, не могу понять )
Меню резко убирается, потому что класс удаляется. В общем как можно сделать, чтобы меню убиралось обратно плавно?

Comments

[Kovalsky]

Потому что transition надо вешать не по классу, а изначально на элемент.

[Senseich]

Никита Полевой, т.е. на header вешать?

[Senseich]

Никита Полевой, еще такой вопрос. Т.к. я этот скрипт не сам писал, за что отвечает

$('body').scrollspy({
            target: '.navbar'
        })

Как я понял, это подсветка пунктов меню в зависимости от положения скрола, но если это удалить, всё равно работает. Что это тогда такое?