Проверка прокрутки в javascript?

Question

[andrr25]

Есть HTML страница и меню, как можно сделать так, чтобы при прокрутке 1200px цвет меню стал зеленым и наоборот красным, на чистом javascript.

Answer 1

[Марат Гарифуллин]

Так?
jsfiddle.net/jLybmfvg

Comments

[andrr25]

да, я изменил немножко и не работает. Скажите пожалуйста сказать в чем ошибка?

<script type="text/javascript">
    function checkScroll() {
      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
      const menu = document.getElementsByClassName('crimd');
      menu.style.color = scrollTop >= 1200 ? 'green !important' : 'red !important';
    }

    checkScroll();
    document.addEventListener('scroll', checkScroll, false);
    </script>

[Марат Гарифуллин]

<script type="text/javascript">
  function checkScroll() {
    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    const menu = document.getElementsByClassName('crimd')[0];
    menu.style.color = scrollTop >= 1200 ? 'green' : 'red';
  }
  window.addEventListener('load', checkScroll, false);
  document.addEventListener('scroll', checkScroll, false);
</script>