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

Question

[Andrew E]

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

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

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

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

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


Видео с проблемой на Яндекс.Диске

Comments

[Алан Гибизов]

Для размещения ссылок на codepen пользуйтесь кнопкой + в редакторе сообщения.

[Andrew E]

Алан Гибизов, не знал о такой возможности, спасибо)

Answer 1

[HardBot]

Используй touchmove

Comments

[Andrew E]

расскажите, пожалуйста, чуток подробнее, где конкретно его использовать?

[HardBot]

Andrew E, Гугл откройте и прочитайте

[Andrew E]

Уважаемый, если нет желания отвечать, можете просто промолчать. Чванство оставьте при себе пожалуйста.

Мог бы «открыть и прочитать», не спрашивал бы тут.

[Алан Гибизов]

Andrew E, в действительности есть п.2.2 Регламента, согласно которому вы обязались сначала воспользоваться поиском.
Так что в чем-то он прав.

В то же время, HardBot, не надо быть токсичным и устраивать склоки и ругань. Плохо кончится. Будьте благоразумны.