Как сделать такое меню навигации?

Question

[Дмитрий]

Хочу реализовать верхнее меню навигации как вот здесь.

Написал что-то такое:

var topNavigation = document.getElementById('nav-wrapper');

function hideTopNav(){

	if(document.body.scrollTop < 300 || document.body.scrollTop > 700){
		topNavigation.classList.remove('top-nav-menu-close');
	} else{
		topNavigation.classList.add('top-nav-menu-close');
	}
};

document.addEventListener('scroll', hideTopNav);

Но я не могу сделать так, что бы меню делалось липким при скролле вверх и скрывалось при скролле вниз. Также не могу добавить стили к липкому меню (конкретно, добавить background-color к липкому меню как в примере).

Answer 1

[Алекс Глебов]

https://jsfiddle.net/x9zq4byk/1/