Задать вопрос
efremandre
@efremandre
Frontend Developer

Почему прячется хедер в мобильной версии?

Реализовал т.н. "умный хедер", который скрывается при скролле вниз и появляется при скролле вверх.

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

На айфоне есть анимация при достижении верха экрана, такой как бы отскок, мне кажется дело в нем. Пробовал браузеры сафари, хром, мозилу. На андроиде в хроме все ок.

Подскажите, кто-то сталкивался с таким, как это полечить? Пробовал сделать отрицательный маржин сверху, чтобы немного компенсировать не помогло. Больше идей нет.

Пример кода на Codepen


Видео с проблемой на Яндекс.Диске
  • Вопрос задан
  • 104 просмотра
Подписаться 1 Средний 2 комментария
Пригласить эксперта
Ответы на вопрос 1
HardBot
@HardBot
back-end, front-end developer
Используй touchmove
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы