Как плавно перейти от прозрачного к непрозрачному navbar при прокрутке вверх?

Question

Когда я прокручиваю сверху вниз, переход от прозрачного к непрозрачному очень плавный. Однако, когда я прокручиваю назад вверх, это мгновенный переход. Я позаимствовал некоторый код и играл с ним для своих целей, но, похоже, не могу заставить его работать. Я считаю, что это как-то связано с тем, что класс .hideme не является целевым, так как не вижу разницы, когда я закомментирую код. Любая помощь будет отличной. Спасибо.

(function ($) {
        $(document).ready(function () {
            var scroll = $(window).scrollTop();
            scroll = scroll + $(window).height() - 150;
            if($(window).width() > 1175) {
                $(function () {
                    $(window).scroll(function () {
                        if ($(this).scrollTop() > 50) {
                            $('.navbar').addClass('solid');
                        } else {
                            $('.navbar').removeClass('solid');
                        }
                        $('.hideme').each(function (i) {
                            var bottom_of_object = $(this).offset().top + $(this).outerHeight();
                            var bottom_of_window = $(window).scrollTop() + $(window).height();
                            if (bottom_of_window > bottom_of_object - 75) {
                                $(this).animate({ 'opacity': '1' }, 400);
                            }
                        }); 
                    });
                }); 
            }
            else {
                $('.navbar').addClass('solid');
            }   
        });
    }(jQuery));