Пытаюсь реализовать меню, которое будет приклеено к верхней части экрана, если пользователь прокрутил страницу вниз. Высота меню - 74px;
componentDidMount() {
window.addEventListener('scroll', () => {
console.log(window.scrollY);
if (window.scrollY >= 700) {
this.setState({ className: 'navbar fixed' });
} else {
this.setState({ className: 'navbar' });
}
});
}
Когда прокрутка доходит до window.scrollY = 700, к меню добавляется класс fixed, оно отображается, но window.scrollY становится равен 626 (700 минус высота меню(74)), и меню начинает очень быстро появляться и исчезать, console.log(window.scrollY) попеременно отображает то 700 то 626.
Если прокрутить ещё ниже - проблема исчезает, и меню стабильно отображается и не "скачет"