Как применить эту интересную анимацию на панели навигации? [закрыто] ⇐ Jquery

[Anonymous]

Я пытаюсь создать панель навигации с таким эффектом:

Панель навигации прозрачна, при прокрутке вниз она исчезает с легкой анимацией, при прокрутке вверх (независимо от того, где мы находимся на странице — в середине или в конце) она появляется на белом фоне, и если мы продолжаем прокручивать вверх, она становится липким, пока мы не достигнем верха, а когда мы достигнем верха, его белый фон снова станет прозрачным. См. здесь.

Я просматривал этот скрипт, но так как ничего не знаю о jQuery, то разобраться не смог, нашел соответствующий фрагмент, но не знаю, как все это работает.

Чтобы решить эту проблему, я применил следующий JS, но не добился желаемого результата

const header = document.querySelector('.header'); window.addEventListener('scroll', () => { если (window.scrollY > 10) { header.classList.add('активный'); } еще { header.classList.remove('активный'); } }); Мне нужны рекомендации, как добиться того же эффекта на панели навигации.

Большое спасибо!