Как реализовать плавный переход заголовка с анимацией исчезновения и появления? [закрыто] ⇐ Javascript

[Anonymous]

Я пытаюсь внедрить плавный заголовок перехода, похожий на анимацию в этой ссылке: ссылочная анимация.
Вот что я пробовал до сих пор: моя попытка. br /> Мой код размещен на Stackblitz: My Code. < /p>
Подробности заголовка: < /strong> < /p>
Заголовок разделен на два раздела:
Раздел NAV: содержит логотип и кнопку закрытия.
Информация Раздел: отображает такие данные, как точки и другая информация, может добавить. При прокрутке внизу: < /p>

[*] Раздел NAV должен придерживаться верхней части заголовка. < /Li>
должен плавно и медленно исчезнуть с анимацией. Когда раздел информации исчезает, его пространство должно быть захвачено основным содержанием (например, текстом Lorem Ipsum) как часть
эффекта разоблачения /коллапса. < /Li>
< / ol>
Проблемы, с которыми я сталкиваюсь: < /strong> < /p>

Обнаружение прокрутки: я не Конечно, если мне нужно обнаружение прокрутки или если оно неправильно реализовано в моем текущем коде. Как и ожидалось во время анимации.

Плавная анимация: я не могу достичь того же плавного исчезновения/появляться анимация, как показано в ссылке.

Подробнее здесь: https://stackoverflow.com/questions/793 ... -animation