Как сделать так, чтобы был fadeOut только fixed header, а не static?

Question

[Kirill G.]

Вот код

$(".navbar").removeClass("fixed");
	$(window).scroll(function(){
		if($(this).scrollTop() > 120){
			$(".navbar").addClass("fixed").fadeIn(500);
			$(".btn-header").addClass("hidden-lg hidden-md hidden-sm");
			$(".nav-btn").removeClass("hidden")
		}
		else {
			$(".navbar").removeClass("fixed").fadeOut(500);
			$(".nav-btn").addClass("hidden")
		}
	});

Вместе с фиксированным меню при достижении 120px исчезает и постоянное меню. как избежать этого?

Comments

[dpismenny]

Нужно посмотреть дизайн, чтобы понять, что вы хотите сделать. Сейчас вы просто убираете класс fixed и скрываете navbar. Естественно, он у вас не отображается.

[Kirill G.]

Денис Письменный: да ничего такого там нет вот код

.navbar.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
color: #000;
background: #fefefe;
}

[Олег]

Горбатенко Екатерина: Я так понял меню одно .navbar, просто фиксируется? Зачем тогда fade?

[Kirill G.]

Олег: Чтобы был какой-то эффект появления и исчезания. Может fade заменить на animation ?

[dpismenny]

Горбатенко Екатерина: можно анимировать height, а не opacity. Но вообще многие делают две шапки и по очереди показывают/скрывают.

Answer 1

[Олег]

$(".navbar").removeClass("fixed").hide().fadeIn(250);