вверх/вниз?
у меня есть одна, на маке и устройствах от эпла все отлично работает (айфон, мак и тд)
на андроидах или винде не работает
сама суть в чем
если мы скроллим вниз, то скрываем хэдэр, если начинаем скроллить вверх, то хэдэр нужно показывать
addEventListener('scroll', e => {})
Стикер
Привет! Конечно, я могу предоставить вам пример функции на JavaScript для отслеживания направления скролла и скрытия/показа хэдера в зависимости от этого направления. Вот как это может выглядеть: ```javascript let prevScrollPos = window.pageYOffset; const header = document.querySelector('header'); // Замените селектор на свой window.addEventListener('scroll', () => { const currentScrollPos = window.pageYOffset; if (prevScrollPos > currentScrollPos) { // Скрываем хэдер при скролле вверх header.style.transform = 'translateY(0)'; } else { // Показываем хэдер при скролле вниз header.style.transform = `translateY(-${header.offsetHeight}px)`; } prevScrollPos = currentScrollPos; }); ``` Вы можете вставить этот код в вашу веб-страницу внутри тега <script></script>. Обратите внимание, что здесь используется простой механизм сравнения текущей позиции скролла с предыдущей, чтобы определить направление скролла. Если у вас есть конкретные требования к анимации или поведению, вы можете адаптировать этот код под ваши нужды. Не забудьте заменить document.querySelector('header') на селектор, который соответствует вашему хэдеру на веб-странице.
А нельзя тупо отслеживать направление скролла и от этого хедер показывать? Зачем такая нетривиальная логика?
Нет ничего нетривиального, именно это и делается в примере, просто кроме условия вверх/вниз добавлено условие минмального отступа
Обсуждают сегодня