Доброго времени суток, подскажите пожалуйста, есть меню, которое при прокрутке страницы, и достижении меню верха окна браузера, должно фиксироваться, пытаюсь реализовать при помощи присвоения класса со стилями фиксации, но проблема в том что класс бесконечно добавляется и убирается, когда достигает верха окна браузера, в результате, меню не фиксируется, а прыгает по странице, что нужно сделать чтобы исправить ситуацию?
window.onscroll = function(){
var navContainer = document.querySelector('.nav');
var navContainerPosition;
navContainerPosition = navContainer.getBoundingClientRect();
if(navContainerPosition.top < -1){
navContainer.classList.add('nav-fixed');
}
else{
navContainer.classList.remove('nav-fixed');
}
}