Всем привет есть у кого нибудь функция для слежения за скроллом

Question

Всем привет есть у кого нибудь функция для слежения за скроллом

вверх/вниз?
у меня есть одна, на маке и устройствах от эпла все отлично работает (айфон, мак и тд)
на андроидах или винде не работает

сама суть в чем
если мы скроллим вниз, то скрываем хэдэр, если начинаем скроллить вверх, то хэдэр нужно показывать

#frontend #javascript #programming #react.js #russian

0

25.08.2023

7 ответов

3 просмотра

Евгений

Стикер

0

9 месяцев назад

Aleksei Ilin

Привет! Конечно, я могу предоставить вам пример функции на 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') на селектор, который соответствует вашему хэдеру на веб-странице.

0

9 месяцев назад

Vladimir