<div class="menu"></div>
.menu.fixed {
left: 0;
position: fixed;
top: 0;
}
var menu = document.querySelector('.menu');
var menuIsFixed = false;
var top = 100; //При какой позиции фиксировать
window.addEventListener('scroll', function() {
if(window.pageYOffset > top != navMenuIsFixed) {
menuIsFixed = !menuIsFixed;
menu.classList[menuIsFixed? 'add' : 'remove']('fixed');
}
});
|