Многошаговая анимация форм в стиле Typeform в React ⇐ Html

[Anonymous]

Я пытаюсь создать многоэтапную форму для процесса бронирования и хочу создать подобную анимацию https://www.typeform.com/templates/t/de ... -template/, где ввод остается фиксированным в представлении в течение определенного количества прокруток, пока он не достигнет точки останова и плавно прокручивается до следующего контейнера. Я пытался найти информацию о том, как это сделать, но я не совсем понимаю, что именно я ищу и как это запросить.
Что усложняет мою проблему, так это то, что высота одного контейнера является динамической (пользователь может добавлять входные данные, которые увеличивают его высоту). Как я могу это учесть?
У меня есть смутное представление о том, как я могу это осуществить, используя теги привязки для прокрутки к элементам. Но я не знаю, как удерживать контейнер в фиксированном положении при определенной продолжительности прокрутки, а также не знаю, как обращаться с компонентом динамического размера.

Подробнее здесь: https://stackoverflow.com/questions/741 ... s-in-react