Как поменять цвет меню после того, как оно покинет свою изначальную позицию?

Question

[olya_097]

https://jsfiddle.net/z5febq3s/

Answer 1

[Ankhena]

Поскольку меню не покидает свою позицию, а всегда fixed, то проверять скролл.
Как только он отличен от нуля (или больше, чем вам нужно) менять класс у меню.
И в обратную сторону.

Answer 2

[frontend queen]

window.onscroll = () => {
  const item = document.querySelector('itemSelector');
  (this.scrollY <= 10) ? item.className = 'initialState' : item.className = 'scrollState';
};