Хочу реализовать верхнее меню навигации как вот
здесь.
Написал что-то такое:
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 к липкому меню как в примере).
