Encoderast
@Encoderast
frontend пытается что-то делать в backend

Как сделать анимацию меню?

Всем привет!

Подскажите как сделать анимацию для меню (ссылку на сайт смотри в комментариях)

Типо шапка в меню не зафиксированна, а появляется через 2-3 скролла сайта

5b580e94afbcd309660011.jpeg5b580e997443b629232517.jpeg
  • Вопрос задан
  • 59 просмотров
Решения вопроса 1
@poniyur
Давно помню, когда учился верстать делал подобное.
1. В вёрстке задаёшь элементу (по достижению которого должно появляться меню) id
2. При загрузке страницы, получаешь расстояние от верха сайта до элемента с нужным id
3. Отлавливаешь скролл страницы и вычисляешь текущее расстояние сайта до верха страницы
4. Сравниваешь 2 величины, если расстояние до элемента с id больше чем текущее расстояние, то меню не выводить, если больше, то выводи меню, добавляя ему класс типо show (уж стили расписывать не буду) .
Пункты 2, 3 и 4 спокойно гугляться оп отдельности.
Удачи
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы