Скрыть меню на Тильде при скроле вниз и показать обратно, если листаем страницу вверх

Делимся с вами сниппетом для тильды, что бы скрыть меню в хедере при скролле вниз и показать меню при скролле вверх.

Вот как базово выглядит меню на сайте. Оно будет фиксироваться при скроле. Это выставляется в настройках блока

С помощью нашего html javascript кода вы можете скрыть меню при скролле и оставить только топбар с логотипом, телефоном, мессенджером и кнопкой. Вот как это будет выглядеть

А вот как будет выглядеть, если начать скроллить обратно вверх — меню снова покажется

Вот код сниппета

<script>
document.addEventListener("DOMContentLoaded", () => {
    navBarScroll();
});

function navBarScroll() {
    const navbar = document.querySelector(".t967__bottom"); // класс нижнего меню
    const originalHeight = navbar.offsetHeight + "px"; // получаем начальную высоту
    let lastScrollTop = window.scrollY;

    // Задаем начальные стили
    navbar.style.transition = '0.3s all';

    window.addEventListener("scroll", () => {
        const currentScroll = window.scrollY;

        // Прокрутка вниз
        if (currentScroll > lastScrollTop && currentScroll > 100) {
            navbar.style.height = '0';
            navbar.style.opacity = '0';
        } 
        // Прокрутка вверх
        else if (currentScroll < lastScrollTop) {
            navbar.style.height = originalHeight;
            navbar.style.opacity = '1';
        }

        lastScrollTop = currentScroll <= 0 ? 0 : currentScroll;
    });
}
</script>

Добавьте этот код в блок t123 — HTML код