Помочь допилить фиксированное меню, которое плавно выезжает сверху при скролле вверх?

Question

[Александр]

Хочу добиться, чтобы вышло как здесь: finss.ru
Мой недоделанный вариант: mirumvita.devsotbit.ru/html/

Дело в том, что при резком скролле вверх до конца, меню живет своей жизнью.
Вот функция, и я уверен что там местами кривовато. Матерые кодеры, может есть способ правильнее все это реализовать.

previousScroll = 0

		 function top(){
				var scrollTop = window.pageYOffset || document.documentElement.scrollTop
				
				if(scrollTop>=249){
					if(scrollTop < previousScroll){
					
						if(!($('.menubar').css('position')=='fixed')){
									$('.menubar').css({
											position:"fixed",
											zIndex: "3",
											width: "100%",
											top: '-60px'
									}).animate({top:0});
						}	
						
					}		else 	{
											$('.menubar').css({position: "relative", 
															width: "inherit"
													})
										}		
					
					
				}
				else if  (scrollTop<=179){
					
						$('.menubar').css({position: "relative", 
															width: "inherit"
													})
					
					
				}
				
				previousScroll = scrollTop
		 
		 
		}
		
		window.addEventListener('scroll', top);

Comments

[Кирилл Туровников]

Лучше описать два состояния и анимацию в css, а в функции просто добавлять соответствующий класс. Если не успевает сработать анимация при быстрой прокрутке, то на jquery можно ее прерывать .stop()

Answer 1

[Саша]

Посмотрите этот плагин, если не выйдет самому написать.
https://github.com/eduardomb/scroll-up-bar