И такой же вопрос: если сайт будет на подобии авит0 и с большим количеством пользователей на нем?
transform: translateY(-340px); opacity: 0;
. При клике на "Другое" проставляется класс .active, меняющий эти свойства: opacity:1; transform: translateY(-16px);
. Эффект появления, анимация происходит из-за заданного свойства transition: all 0.3s;
.
Тоже думал в сторону animated, скрывать-показывать хедер при достижении верха.
Ещё была идея попробовать абсолютное позиционирование, но я пока не пробовал. Типа когда достигаем верха, вешаем на хедер абсолютное позиционирование, top 0, при прокрутке вниз убираем.