Не запускается повторно slideDown()

[way_forward]

Привет!

Пишу лендинг.
После первого экрана расположен блок с меню.
Когда прокручиваю страницу и блок с меню доходит до верха, добавляю класс с фиксированными позиционированием

window.onscroll = function() {
var scrolled = window.pageYOffset || document.documentElement.scrollTop;
var height_top_menu = Math.round($('.container_menu').offset().top);

if(scrolled > height_top_menu + 150) {
$('.container_menu_fixed').addClass("cm_fixed"); /* добавляю этот класс */
//$('.cm_fixed').slideDown();
$('.menu_fixed').addClass("m_fixed");
$('.menu_fixed_marg').addClass("m_fixed_marg");

} else if(scrolled < height_top_menu) {
//$('.cm_fixed').slideUp();
$('.container_menu_fixed').removeClass("cm_fixed"); /* удаляю класс */
$('.menu_fixed').removeClass("m_fixed");
$('.menu_fixed_marg').removeClass("m_fixed_marg");

}
}

Пожалуйста, оформляйте Ваш код согласно правилам.

Когда возвращаю страницу вверх, класс удаляю. Все работает! Хочу сделать чтоб меню не жестко выскакивало при добавлении класса, а плавно появлялось. Использовал функцию slideDown() к добавленному классу. При первой прокрутке все красиво работает. Подымаю назад - стает на свои места. Все ОК. НО! При повторной прокрутке функция slideDown() уже не срабатывает и меню жестко выскакивает как и без нее. Пробовал сворачивать slideUp(), но сворачивается полностью и не обращает внимание на удаление класса, то есть меню полностью скрывается с страницы.

В чем проблема, как заставить функцию slideDown() срабатывать постоянно? Пробовал через animate() такая же история

[ADSoft]

даже если так?

$('.container_menu_fixed').addClass("cm_fixed").slideDown();

[way_forward]

Такой же результат

if(scrolled > height_top_menu + 150) {
	  $('.container_menu_fixed').addClass("cm_fixed").slideDown();
	  //$('.cm_fixed').slideDown();
	  $('.menu_fixed').addClass("m_fixed");
	  $('.menu_fixed_marg').addClass("m_fixed_marg");
	  
	} else if(scrolled < height_top_menu) {
	  //$('.cm_fixed').slideUp();
	  $('.container_menu_fixed').removeClass("cm_fixed");
	  $('.menu_fixed').removeClass("m_fixed");
	  $('.menu_fixed_marg').removeClass("m_fixed_marg");
	  
	}

Пожалуйста, оформляйте Ваш код согласно правилам.

Результат тот же. Первый раз плавно появляется, а все остальные разы просто прыгает

[way_forward]

Неужели никто не поможет решить эту проблему? ((

[ADSoft]

да непонятно ж ... че там за классы итд .... замути проект в jsfidle - чтоб наглядно было видно, мож там че кто и покопается, если выложишь тут ссыль

[way_forward]

Вот, кажись, замутил https://jsfiddle.net/27Lmukak/1/

[Вадим Мошев]

А вы какого эффекта хотели добиться? Чтобы серою меню "прилипало" к верху окна браузера, когда прокрутка происходит? Так у меня оно из-за прокрутки "уползает" вверх за область видимости, а потом восстанавливается.

[way_forward]

Так и должно быть, только восстановление должно быть плавным

$('.container_menu_fixed').addClass("cm_fixed").slideDown();

А у меня, на локальном, при первой прокрутке плавно, а при последующих просто "выпрыгивает". А здесь jsfiddle постоянно "выпрыгивает". Функция slideDown() не хочет работать

[way_forward]

Проблема решена

slideDown после выполнения прописывал стили в первый div с классом .container_menu_fixed. Проблему решил добавив, при прокрутке вверх, метод удаления атрибута $('.container_menu_fixed').removeCl ass('cm_fixed').removeAttr('style') ;

Теперь все отлично работает.